获取对象数组 ts 中的所有 id - TypeScript

在 TypeScript 中，我们可以使用数组方法和操作符来获取对象数组中所有 id 值。下面我们来看看具体应该如何实现。

准备工作

首先，我们需要定义一个对象类型为 { id: number } 的数组。这个数组包含了很多对象，每个对象都有一个 id 值。

type Data = { id: number };
const data: Data[] = [
  { id: 1 },
  { id: 2 },
  { id: 3 },
  { id: 4 },
  { id: 5 },
];

使用 map 方法

我们可以使用 map 方法来获取数组中所有对象的 id 值。map 方法是一个高阶函数，它接收一个函数作为参数，这个函数会被应用到数组的每个元素上。它会返回一个新数组，新数组的每个元素都是函数应用之后的结果。

const ids1 = data.map((item) => item.id);
console.log(ids1); // [1,2,3,4,5]

使用 for 循环

除了 map 方法，我们还可以使用 for 循环来遍历数组，提取每个对象的 id 值并把它存到一个新数组中。

const ids2 = [];
for (let i = 0; i < data.length; i++) {
  ids2.push(data[i].id);
}
console.log(ids2); // [1,2,3,4,5]

使用解构语法

另一种获取数组中所有 id 值的方法是使用解构语法。解构语法可以让我们快速从对象中提取值，并将它们赋值给变量。

const ids3 = data.map(({ id }) => id);
console.log(ids3); // [1,2,3,4,5]

总结

以上就是获取对象数组中所有 id 值的几种方法。无论使用哪种方法，我们始终都能通过数组方法和操作符来简化代码，让它们变得更加易读易懂。