修改可观察列表中的每个项目，并再次将修改后的列表作为可观察对象返回

Question

find方法具有以下签名

find(): Observable<User[]>

它返回一个发出用户列表的observable，可能如下所示：

[{ user_1 }, { user_2 }]

我的目标是从列表中对每个用户运行异步操作。 异步操作应该通过添加一些字段来修改元素。 最后，应该发布更新的用户列表。 这是我尝试过的：

return this.service.find()
    .mergeMap((users: User[]) => Observable.from(users))
    .mergeMap((user: User) => {
        return this.anotherService.getAdditionalData(user.id)
            .map((res: any) => {
                // return edited user
            })
    })
    // How to return User[] here?

使用第一个mergeMap，将为列表中的每个用户创建一个observable。 然后为每个用户可观察到另一个异步操作。 异步操作返回已编辑的用户。

我的问题是，最后，如何返回已编辑用户的用户列表。 或者如何在列表中收集已编辑的用户并返回此列表？

Answer 1

这里有.toArray（）运算符：

 function modify(v) { return Rx.Observable.of('modified: ' + v) .delay(Math.random() * 1000); } const users = Array.from({ length: 10 }) .map((_, i) => i); Rx.Observable.from(users) .mergeMap(v => modify(v)) .toArray() .subscribe(e => console.log(e)); 

 <script src="https://unpkg.com/rxjs/bundles/Rx.min.js"></script> 

Answer 2

我认为这样做你想要的：

 function asyncOperation(user) { return Rx.Observable .timer(3000 * Math.random()) .map(() => { user.isModified = true; return user; }).do((x) => { console.log('async', x); }); } const users = [ { id: 1, name: 'First' }, { id: 2, name: 'Second' }, { id: 3, name: 'Third' } ]; Rx.Observable.of(users) .switchMap((u) => Rx.Observable.forkJoin(u.map(x => asyncOperation(x)))) .subscribe((x) => { console.log('final', x); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.5.2/Rx.js"></script> 

它假定从asyncOperation返回的observable完成。 它使用forkJoin运算符在它们全部完成时从每个observable中发出最后一个值。 您仍然可以使用mergeMap / flatMap但我喜欢switchMap因为它只会保留一个内部observable的订阅。 因此，如果源再次发出，那么您将只获得最新的结果。

此解决方案不需要像使用toArray运算符那样完成source observable（ this.service.find() ）。