RxJS-收集异步操作结果

Question

我想对数组的每个元素执行异步操作，并将其结果收集在字典中。 我当前的方法是：

 let asyncOp = () => Rx.Observable.interval(300).take(1); let dict = {}; Rx.Observable.from(['a', 'b']) .mergeMap(el => asyncOp() .map(asyncOpRes => dict[el] = asyncOpRes) .do(state => console.log('dict state: ', dict)) ) .takeLast(2) .take(1) .map(() => dict) .subscribe(res => console.log('dict result: ', res)); 

 <script src="https://npmcdn.com/@reactivex/rxjs@5.0.0-beta.7/dist/global/Rx.umd.js"></script> 

基本上，这就像我想要的那样工作，但是RxJs运算符的用法似乎很尴尬。 因此，我需要以下方面的帮助：

1. 避免dict突变（使用scan（）尝试过，但是在这里不知道如何使用它。有一个mergeScan（）方法，但在此相同）
2. takeLast和take的用法-应该可以简化吗？

我想我缺少一个RxJS运算符，它可以帮助我简化此操作。

Answer 1

要“对数组的每个元素执行异步操作并将其结果收集到字典中”，可以使用mergeMap和reduce函数显着简化代码：

import * as Rx from "rxjs/Rx";

const asyncOp = () => Rx.Observable.interval(300).take(1);

Rx.Observable.from(["a", "b"])

    // Perform the async operation on the values emitted from the
    // observable and map the emitted value and async result into
    // an object.

    .mergeMap((key) => asyncOp().map((result) => ({ key, result })))

    // Use reduce to build an object containing the emitted values
    // (the keys) and the async results.

    .reduce((acc, value) => { acc[value.key] = value.result; return acc; }, {})
    .subscribe((value) => { console.log(value); });