JavaScript 从对象数组中提取

在 JavaScript 中，我们经常需要处理对象数组，提取其中符合要求的数据，可以使用一些常用的方法来达到目的。

1. filter

filter 方法可以从数组中筛选出符合条件的元素，返回一个新的数组。

例如，我们有一个包含多个用户信息的数组，我们需要找出所有年龄大于 18 岁的用户：

const users = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 16 },
  { name: 'Charlie', age: 25 },
  { name: 'David', age: 18 }
];

const adults = users.filter(user => user.age > 18);
console.log(adults); // [{ name: 'Alice', age: 20 }, { name: 'Charlie', age: 25 }]

上面的代码使用 filter 方法筛选出符合要求的用户，然后返回一个新数组。

2. map

map 方法可以从数组中提取出某个属性值，返回一个新的数组。

例如，我们有一个包含多个用户信息的数组，我们需要找出所有用户名：

const users = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 16 },
  { name: 'Charlie', age: 25 },
  { name: 'David', age: 18 }
];

const userNames = users.map(user => user.name);
console.log(userNames); // ['Alice', 'Bob', 'Charlie', 'David']

上面的代码使用 map 方法提取出每个用户的名字，然后返回一个新数组。

3. reduce

reduce 方法可以把一个数组中的所有元素累加起来，返回一个总和值。

例如，我们有一个包含多个数值的数组，我们需要计算它们的总和：

const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((total, number) => total + number, 0);
console.log(sum); // 15

上面的代码使用 reduce 方法把所有数字累加起来，然后返回总和值。

4. find

find 方法可以从数组中找出符合条件的第一个元素，返回该元素。

例如，我们有一个包含多个用户信息的数组，我们需要找出年龄为 18 岁的用户：

const users = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 16 },
  { name: 'Charlie', age: 25 },
  { name: 'David', age: 18 }
];

const user = users.find(user => user.age === 18);
console.log(user); // { name: 'David', age: 18 }

上面的代码使用 find 方法找出符合要求的用户，然后返回该用户。

5. some

some 方法可以判断数组中是否有符合条件的元素，返回布尔值。

例如，我们有一个包含多个用户信息的数组，我们需要判断是否有年龄为 16 岁的用户：

const users = [
  { name: 'Alice', age: 20 },
  { name: 'Bob', age: 16 },
  { name: 'Charlie', age: 25 },
  { name: 'David', age: 18 }
];

const hasSixteen = users.some(user => user.age === 16);
console.log(hasSixteen); // true

上面的代码使用 some 方法判断是否有符合要求的用户，然后返回布尔值。