Angular 8：过滤RxJS可观察的结果（来自Angular.io教程）

Question

在Angular.io教程（“英雄之旅应用程序”）中，他们使用以下代码从服务返回对象数组：

/** GET heroes from the server */
getHeroes (): Observable<Hero[]> {
  return this.http.get<Hero[]>(this.heroesUrl)
    .pipe(
      tap(_ => this.log('fetched heroes')),
      catchError(this.handleError<Hero[]>('getHeroes', []))
    );
}

getHero(id: number): Observable<Hero> {
  // call getHeroes (as above)
  // filter the results to return only the here who's id property matches the id parameter;
  this.getHeroes().[filter this somehow, and return an observable with just the match]
}

你是如何做到这一点的？

先抱歉--我在这里发现了类似的问题，但要么它们依赖于Angular/rxjs的旧版本，要么它们不完全符合教程（例如，函数返回的是一个数组，而不是一个可观察的...）

Answer 1

这是一个映射函数--你正取一个特定形状的对象（一个由n个结果组成的数组），并想把它映射到另一个形状的对象（一个单个对象）。

为此，可以在管道中使用map运算符。

getHero(id: number): Observable<Hero> {
  return this.getHeroes().pipe(
    map(heroes => heroes.find(x => x.id === id))
  );
}