将Array序列化为元素,使用RxJS进行转换,并将元素组合回数组

时间:2016-08-17 06:21:09

标签: javascript arrays angular rxjs rxjs5

在Angular2中,我有很多Observable<any[]>(发出数组的Observable)http.get()中的后代或者是通过websocket操作提供的,因此不会.complete()但随着时间的推移会发出多个值。

我经常需要使用RxJS运算符转换数组中的元素(我不想使用Array.prototype。*转换!)并将各个元素组合回一个数组,该数组作为单个实体发出。

但我不知道如何将元素组装回数组。

示例:

const n$ = new Subject();

const output = n$
    // create an observable emitting the individual elements
    // of the array
    .mergeMap(n => n)

    // some kind of transform on the elements
    .distinct((n1, n2) => n1 == n2)
    .map(n => n*n)

    // how to assemble back to an array here???
    // not working:
    // .buffer(n$)
    // also not working (subject does not complete!)
    // .toArray()

output.subscribe(v => console.log(v))

n$.next([1,1,1,2,3]);
n$.next([4,5,5,6]);

// Wanted output:
// [1, 4, 9]
// [16, 25, 36]

1 个答案:

答案 0 :(得分:2)

如果你有多个值并想要一个值(数组), reduce toArray应该是你想要的:

Rx.Observable.from([0, 1, 1, 2, 3])
    .distinct()
    .map((n) => n * n)
    // .reduce((acc, n) => { acc.push(n); return acc; }, [])
    .toArray()
    .subscribe((a) => { console.log(a); })

如果您有Observable<any[]>,请将其放入mergeMap

const output = n$
    .mergeMap((a) => Rx.Observable.from(a)
        .distinct()
        .map((n) => n * n)
        // .reduce((acc, n) => { acc.push(n); return acc; }, [])
        .toArray()
    )
    .subscribe(a => { console.log(a); });