angular - 如何将一种类型的 Observable 转换为另一种类型的 Observable

Question

我有一个 Angular 应用程序，它使用 NGRX 来管理应用程序状态。 我有一个选择器，它返回一个 Observable。

export const mySelector = createSelector(state, (state: IState) => state.field.array);

返回的 Observable 具有以下格式:{name:string;年龄:数字}[]

我需要做的就是将该数据格式转换为另一种数据格式，例如{firt-name:string}。 我不明白我应该使用什么运算符。

我的目标是将新数据分配给订阅内的变量，如下所示:

myVariable: {firt-name:string};

this.store.pipe(select(mySelector))
         .pipe(//here I should transform the data format)
         .subscribe(result => {myVariable = result})

Answer 1

您可以使用 map :

function mapper(data: { name: string; age: number }[]) {
  return data.map(({ name, age }) => ({
    "first-name": name,
    age
  }));
}

this.store
  .pipe(
    select(mySelector),
    map(mapper)
  )
  .subscribe(result => {
    myVariable = result;
  });

或在选择器中执行该转换:

function mapper(data: { name: string; age: number }[]) {
  return data.map(({ name, age }) => ({
    "first-name": name,
    age
  }));
}

this.store
  .pipe(
    select(
      pipe(
        mySelector,
        mapper
      )
    )
  )
  .subscribe(result => {
    myVariable = result;
  });