map方法中的Async Observable方法

时间:2017-08-15 11:48:17

标签: javascript observable typescript2.0

转换数组并在内部调用几个可观察方法的最佳方法是什么。

我正在寻找的是这种类型的东西:

   resultArray = someArray.map(item => {
      oneObs.subscribe(result1 => {
           item.result1 = result1
      });
      secondObs.subscribe(result2 => {
           item.result2 = result2
      });
   });

这里最好的方法是什么?我只想找到一种解决方法来使用这种类型的forEach循环:

   someArray.forEach(item => {
      Observable.forkJoin([oneObs, secondObs]).subscribe(
        (results: [Result1Type, Result2Type]) => {
           item.result1 = results[0];
           item.result2 = results[1];
           resultArray.push(item);
       });
    });

任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:3)

您尝试混合同步和异步代码,这可能会导致一些奇怪的行为。我的建议是将数组转换为observable(使数组异步)获取结果,然后再将完成的结果转换为数组:

Observable.from(someArray) // 1
    .mergeMap(item => Observable.forkJoin(oneObs, twoObs)
            .map(results => {
                item.result1 = results[0];
                item.result2 = results[1];
                return item;
            }))
    .toArray() // 2
    .subscribe(arr => resultArray = arr);
  1. 基于数组创建一个observable
  2. 等待所有可观察对象完成并创建一个包含所有结果值的数组