angular - 使用 rxjs 更改成员名称

Question

我正在学习 rxjs。我正在从 API 获取 JSON 数据。

数据如下:

[
  {
   "entryDate":"01/01/2019",
   "categoryName":"Meeting"
   },
   {
   "entryDate":"01/02/2019",
   "categoryName":"Meeting"
   }
]

我需要将 typescript 中的 JSON 更改为如下所示:

[
   {
    "date":"01/01/2019",
    "title":"Meeting"
    },
    {
    "date":"01/02/2019",
    "title":"Meeting"
   }
]

我一直在研究 map 和 mapTo。我认为 mapTo 可能是我的答案，但我不想更改值，只想更改成员名称。

最后，我需要映射(或其他)entryDate --> date 和 categoryName --> title。我想我必须在订阅中链接它。

我从 API 获取数据的 typescript 是:

calendarEntries: ICalendarEntry[] = [];

this._dashboardService.getCalendar().subscribe(
  calendarEntries => {
    this.calendarEntries = calendarEntries;
  }
);

Answer 1

您可以编写一个函数来为您解决转换问题:

// This is a converter function for your {entryDate, categoryName} to {date, title}
function converter(input) {
  return {date: input.entryDate, title: input.categoryName}
}

然后在你的管道中使用它:

// This is your converted Observable Stream with the updated Objects: {date, title}[]
const convertedSource$ = source$.pipe(
  map(items => items.map(converter))
)

工作示例:

RxJS-array-convert-pipe

打开控制台查看输出