合并连续的Observables结果的最佳方法是什么?

时间:2019-01-02 14:09:56

标签: angular rxjs concatenation

比方说,我有一个Observable,其结果是一个3个数组的对象,如下所示:

    results = {
        type1: [...],
        type2: [...],
        type3: [...],
    };

是否存在rxjs运算符,该运算符允许我组合多个可观察对象及其结果,以便获得最终结果,例如:

    results1 = {
        type1: [1, 2],
        type2: ['ab', 'cd'],
        type3: ['foo', 'bar'],
    };

    results2 = {
        type1: [3, 4, 5],
        type2: ['ef', 'gh', 'ij'],
        type3: ['ban', 'jo', 'vi'],
    };

    final_results = {
        type1: [1, 2, 3, 4, 5],
        type2: ['ab', 'cd', 'ef', 'gh', 'ij'],
        type3: ['foo', 'bar', 'ban', 'jo', 'vi'],
    };

?????

为了记录,我使用的是Angular 2+和Typescript,并且我想继续使用Observable流和rxjs运算符,但是根据他们的文档,我不确定它们是否可以执行类似“深度合并”的操作??'

感谢您的帮助

3 个答案:

答案 0 :(得分:3)

您正在寻找扫描运算符:

https://www.learnrxjs.io/operators/transformation/scan.html

它类似于reduce运算符,但是reduce运算符仅在流的末尾发出。扫描运算符每次都会发出中间值。

答案 1 :(得分:1)

这与可观察性无关,这是普通的旧Javascript。

您唯一需要了解的操作员是combineLatest

combineLatest(results1$, results2$).pipe(
  map((results1, results2) => {
    const ret = {};
    Object.keys(results1).foreEach(key => ret[key] = results1[key].concat(results2[key]));
    return ret;
  })
).subscribe(res => console.log(res)); // should display your expected result

不要误会:RxJS运算符操作流(Observable本身),而不是其中的数据。

如果要处理内部数据,它将变为Javascript。

答案 2 :(得分:1)

您可以使用reduce运算符来汇总来自许多发射值的单个结果。 合并单个数组由您决定,因为这与rxjs不相关

简单的示例:https://stackblitz.com/edit/angular-cffyyh