您如何根據可觀察 RxJ 的響應修改數組中的對象

Question

我正在嘗試遍歷一組人並調用一個返回一個新年齡的 api，我將覆蓋該年齡，然后與 dog 數組合並。 代碼如下所示：

const dogs = [{name:'Chichi', age:2}, {name:'Yayo', age:4}];
const people = [{name:'Mike', age:23}, {name:'John', age:45}];

const modifiedPeople = people.map(person => {        
    getNewAge(person).pipe(map(newAge=> {return person.age = newAge}));

return [...dogs, modifiedPeople];

})

這總是返回一個空的modifiedPeople 。 如何在 ES6 中使用 RxJs 執行此操作

Answer 1

您不能在Array.map調用異步調用，因為它是一種同步方法。 它不會等待異步調用完成並進一步移動，這就是為什么您對modifiedPeople未定義，而且pipe運算符返回一個需要訂閱結果的Observable 。

forkJoin(
  people.map(person =>
    this.getNewAge(person)
      .pipe(map(newAge => ({ ...person, age: newAge })))
  )
)
.subscribe(result => console.log(result));

結果將是您的modifiedPeople