现有数据[{name:1,time:2023-01-01},{name:2,time:2023-01-01},{name:3,time:2023-01-01}]获取新数组[time:2023-01-01]使用ts实现
时间: 2024-05-07 16:21:28 浏览: 71
Date对象获取当前时间
5星 · 资源好评率100%
可以使用 TypeScript 中的 Array.filter() 方法来过滤出符合条件的元素,然后使用 Array.map() 方法来将符合条件的元素转换为指定的格式,代码示例如下:
```typescript
interface Data {
name: number;
time: string;
}
const data: Data[] = [
{ name: 1, time: "2023-01-01" },
{ name: 2, time: "2023-01-01" },
{ name: 3, time: "2023-01-01" },
];
const result = data
.filter((item) => item.time === "2023-01-01")
.map(({ time }) => ({ time }));
console.log(result); // [{time: "2023-01-01"}, {time: "2023-01-01"}, {time: "2023-01-01"}]
```
在代码中,我们首先定义了一个接口 `Data` 来描述数据的结构,然后定义了一个数组 `data` 来存储原始数据。接着,我们使用 `filter()` 方法来过滤出 `time` 属性等于 `"2023-01-01"` 的元素,然后使用 `map()` 方法将符合条件的元素转换为 `{ time: string }` 的格式,最终得到了新的数组 `result`。
需要注意的是,上述代码中使用了对象解构和箭头函数来简化代码。如果你不熟悉这些语法,可以参考 TypeScript 文档中的相关章节进行学习。
阅读全文