如何修改Observable对象数组的属性值 将日期字符串转为Date类型

你可以借助RxJS的map操作符处理Observable流中的返回值，遍历任务数组完成日期类型转换，具体操作如下：

步骤1：导入map操作符 #

在你的服务文件头部导入RxJS的map操作符：

import { map } from 'rxjs/operators';

步骤2：修改getTasks方法 #

在HTTP请求后通过pipe方法挂载map操作符，对流中的任务数组做转换处理：

getTasks(): Observable<Task[]> {
  return this.httpClient.get<Task[]>('http://localhost:8080/tasks').pipe(
    map(tasks => tasks.map(task => ({
      ...task,
      dueDate: new Date(task.dueDate)
    })))
  );
}

上述代码会遍历返回的所有任务对象，保留原有属性的同时，将字符串格式的dueDate转换为Date类型，最终返回的Observable流发出的值就是符合你定义的Task接口要求的数组。

如果你的项目中有多处需要做相同的日期转换，也可以把转换逻辑抽成独立的复用函数：

private convertTaskDate(task: any): Task {
  return {
    ...task,
    dueDate: new Date(task.dueDate)
  };
}

// 调用时直接传入转换函数即可
getTasks(): Observable<Task[]> {
  return this.httpClient.get<Task[]>('http://localhost:8080/tasks').pipe(
    map(tasks => tasks.map(this.convertTaskDate))
  );
}

内容的提问来源于stack exchange，提问作者Domooo93