从对象数组中提取值 Javascript

当我们需要从一个对象数组中提取指定的值时，Javascript提供了多种可用的方式。以下是一些常见的方法：

1. 箭头函数和map()方法

const array = [{name: 'John', age: 25}, {name: 'Jane', age: 30}, {name: 'Bob', age: 35}];
const names = array.map((item) => item.name);
console.log(names); // ['John', 'Jane', 'Bob']

map() 方法对数组中的每个元素进行操作，并返回一个新数组，箭头函数中的代码则是指定了如何操作数组元素。在上面的例子中，我们定义了一个箭头函数，以获取每一个对象的"name"属性，并将其存储在一个新数组中。

2. forEach()方法

const array = [{name: 'John', age: 25}, {name: 'Jane', age: 30}, {name: 'Bob', age: 35}];
const names = [];
array.forEach((item) => names.push(item.name));
console.log(names); // ['John', 'Jane', 'Bob']

forEach() 方法与 map() 方法类似，但不是返回一个新数组，而是在已有的数组上进行操作。在上面的例子中，我们定义了一个空数组来存储我们要提取的信息，然后使用 forEach() 方法和一个数组元素操作的函数将每个对象的"name"属性值添加到该数组中。

3. reduce()方法

const array = [{name: 'John', age: 25}, {name: 'Jane', age: 30}, {name: 'Bob', age: 35}];
const names = array.reduce((acc, item) => [...acc, item.name], []);
console.log(names); // ['John', 'Jane', 'Bob']

reduce() 方法可以将所有数组元素合并为一个新值，我们可以将其用作提取数组中指定值的方法。在上面的例子中，我们使用 reduce() 方法来遍历数组对象，并将每个对象的"name"属性值添加到空数组中。

4. filter()方法

const array = [{name: 'John', age: 25}, {name: 'Jane', age: 30}, {name: 'Bob', age: 35}];
const filteredObjects = array.filter((item) => item.age > 28);
const names = filteredObjects.map((item) => item.name);
console.log(names); // ['Jane', 'Bob']

filter() 方法会根据指定的标准筛选数组中的元素，并返回一个新数组，包含满足条件的元素。在上面的例子中，我们使用 filter() 方法来过滤年龄大于28的对象，并使用 map() 方法提取这些对象的"name"属性值。

总结

这些方法提供了不同的选项，以从对象数组中提取指定的值。您可以根据您的特定需求选择最适合的方法，以生成您所需的输出。