JavaScript 数组常用的方法（取数组对象中某一属性值的集合）三

取数组对象中某一属性值的集合

• 使用 for…of 循环：

let arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
  { id: 4, name: 'David' },
];

let ids = [];
for (let obj of arr) {
  ids.push(obj.id);
}
console.log(ids); // [1, 2, 3, 4]

• 使用 forEach() 方法：

let arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
  { id: 4, name: 'David' },
];

let ids = [];
arr.forEach(obj => {
  ids.push(obj.id);
});
console.log(ids); // [1, 2, 3, 4]

• 使用解构赋值和 map() 方法：

let arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
  { id: 4, name: 'David' },
];

let ids = arr.map(({ id }) => id);
console.log(ids); // [1, 2, 3, 4]

• 使用 reduce() 方法：

let arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
  { id: 4, name: 'David' },
];

let ids = arr.reduce((result, obj) => {
  result.push(obj.id);
  return result;
}, []);
console.log(ids); // [1, 2, 3, 4]