js 如何将数组里的对象的某一项全部取出|极客笔记

js 如何将数组里的对象的某一项全部取出

在开发过程中，我们经常会遇到需要从数组中的对象中取出特定的属性值的需求。在 JavaScript 中，可以通过使用数组的 map 方法或者 forEach 方法来实现这个目的。接下来我们将分别介绍这两种方法的用法。

使用 `map` 方法

map 方法是 JavaScript 中用于对数组中的每个元素执行指定操作，并返回一个新数组的方法。我们可以使用 map 方法获取数组中对象的特定属性值。

下面是一个示例，我们有一个包含多个对象的数组 users，每个对象都包含 name 和 age 两个属性，我们要将 name 属性值提取出来，存放在一个新数组中。

// 原始数组
const users = [
  { name: 'Alice', age: 23 },
  { name: 'Bob', age: 26 },
  { name: 'Charlie', age: 21 }
];

// 使用 map 方法提取 name 属性值
const names = users.map(user => user.name);

// 输出提取的 name 属性值
console.log(names); // ['Alice', 'Bob', 'Charlie']

在上面的代码中，我们通过 map 方法遍历 users 数组，并从每个对象中取出 name 属性的值，最终得到一个包含所有 name 值的数组 names。

使用 `forEach` 方法

除了 map 方法，我们还可以使用 forEach 方法来遍历数组中的对象，并取出特定的属性值。forEach 方法主要用于遍历数组，执行指定的操作，但不会返回新的数组。

下面是一个使用 forEach 方法的示例，我们同样使用上面的 users 数组，在遍历数组的过程中，将每个对象的 age 属性值存放在新数组 ages 中。

// 原始数组
const users = [
  { name: 'Alice', age: 23 },
  { name: 'Bob', age: 26 },
  { name: 'Charlie', age: 21 }
];

// 使用 forEach 方法提取 age 属性值
const ages = [];
users.forEach(user => {
  ages.push(user.age);
});

// 输出提取的 age 属性值
console.log(ages); // [23, 26, 21]

通过上面的代码，我们可以看到在 forEach 方法中，我们遍历了 users 数组，并逐个将 age 属性的值存放在新数组 ages 中。