转换rjxs映射并将flatten / reduce转换为flatMap

Question

我相信以下代码可以使用flatMap进行重构，但是我似乎无法使其按需工作。

我了解flatMap本质上是映射，然后进行展平，这对我来说是完美的，因为我正在使用forkJoin，因此可以从getAutocompleteSuggestions（）返回一系列响应。

我希望在订阅时得到一个结果数组（这是下面的代码生成的结果），但是将顶级映射更改为flatMap会将多个单个对象发送给订阅。 如何使用flatMap（）更好地编写此代码？

   const $resultsObservable: Observable<any> = Observable.of(query)
          .switchMap(q => this.getAutocompleteSuggestions(q))
          //tried changing the below to flatMap()
          .map(res => { 
            return res.map(resp => {
              const content = resp.content;
              content.map(result => this.someMethod(result));
              return content;
            })
            .reduce((flatArr, subArray) => flatArr.concat(subArray), []);
          });



  getAutocompleteSuggestions(query: string): Observable<any> {
    const subs$ = [];
    //... add some observables to $subs
    return Observable.forkJoin(...subs$);
  }

Answer 1

看起来RxJS flatMap与Array原型方法flatMap之间可能有些混乱。 请注意，RxJS flatMap的目的不是将流的主题数组展平，而是将Obervable的流展平为单个Observable。 看到这样的帖子：

为什么我们需要使用flatMap？

...基本上，如果Observable表示一个推入类型T的值的可观察对象，则flatMap将类型T'-> Observable的函数作为其参数，并返回Observable。 map采用类型T'-> T的函数并返回Observable。

如果希望代码更myArray.flatMap一点，可以使用myArray.flatMap方法。 这是使用Array flatMap方法对您的问题的可能答案：

 const $resultsObservable: Observable<any> = Observable.of(query) .switchMap(q => this.getAutocompleteSuggestions(q)) // Flatmap on the array here because response is an array of arrays. // The RxJS flatMap does not deal with flattening arrays .map(res => res.flatMap(resp => { const content = resp.content; content.map(result => this.someMethod(result)); return content; })); getAutocompleteSuggestions(query: string): Observable < any > { const subs$ = []; //... add some observables to $subs return Observable.forkJoin(...subs$); }