RXJS如何将Observable <T []>转换为Observable <T>

Question

I would like to take an Observable<T[]> and convert it to an Observable<T> such that each array from the Observable<T[]> is broken up and the individual elements of the arrays are then emitted, separately, via the Observable<T>.

Is there a standard operator for doing this? I've searched around but haven't found anything. Thanks.

---

After being pointed in the direction of concatMap/flatMap, I came up with the following general solution:

var source: Observable<T[]>;
...
var splitSource = source.flatMap<T>((x:T[]) => { return Rx.Observable.fromArray(x); });

Answer 1

You could use concatMap like this:

function identity (x) {return x}

var obs_of_array$ = Rx.Observable.return(['1','2','you got it'])
    .concatMap(identity)

This works because concatMap also accepts arrays (and observables and promises) as the return value of the function selector that you pass as a parameter. Jsbin here , documentation here

So the array passed as parameter becomes the return value from the selector function, and then is flattened by the concatMap operator while respecting the ordering of the array.

Answer 2

I've also been playing around with converting Observable<T[]> to Observable<T> .

I've found that flatMap() does the job on it's own, which I presume was not the case 11 months ago when the question was asked.

To illustrate, in the jsfiddle in @user3743222's answer, you can make this change and get the same output:

//.concatMap(identity)
.flatMap(theArray=>theArray)

I use this and the toArray() operator to perform set operations in the pipeline, for example to sort the observable.

    let sorted$ = source$.toArray().flatMap(theList=> theList.sort(this.myComparer) )

The output is Observable<T> . ( NB works in the context of a fixed array, not sure what would happen with a continuously generating source)