JavaScript对象数组中的reduce方法

在 JavaScript 中，reduce() 方法是一个强大的数组方法，用于将数组中的所有元素逐个累加，从而生成一个单一的值。该方法可以接收一个回调函数以及一个初始值，并且在每个数组元素上调用该回调函数，从而将它们累加在一起。

语法

array.reduce(callback[, initialValue]);

reduce() 方法接收两个参数：

• 一个回调函数 callback，该回调函数接收四个参数：
  • accumulator：累加器，它是上一次回调函数返回的结果，或是传入 reduce() 方法的初始值。
  • currentValue：当前元素。
  • currentIndex：当前元素在数组中的索引。
  • array：被迭代的数组。
• 一个可选的 initialValue 参数，作为初始累加器的值。

示例

我们可以使用 reduce() 方法来计算一个数组中的所有元素之和，如下所示：

const arr = [1, 2, 3];
const sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 输出 6

在上面的代码中，我们首先使用 reduce() 方法创建了一个累加器 sum，并将其初始值设为 0。然后，对于数组中的每个元素，我们都将其加入到累加器中，并返回累加器的值。最终，sum 的值为 6。

此外，我们也可以使用 reduce() 方法来对一个对象数组进行操作。在这种情况下，我们需要将回调函数的第一个参数指定为一个对象，而不是一个数字。

例如，假设我们有一个对象数组，每个对象都包含一个 name 属性和一个 age 属性。我们想要通过 reduce() 方法计算该数组中所有人员的平均年龄，代码如下所示：

const people = [
  { name: 'Alice', age: 23 },
  { name: 'Bob', age: 27 },
  { name: 'Charlie', age: 21 }
];
const averageAge = people.reduce(
  (accumulator, currentValue, currentIndex, array) =>
    accumulator + currentValue.age / array.length,
  0
);
console.log(averageAge); // 输出 23.666666666666668

在上面的代码中，我们首先定义了一个对象数组 people，然后使用 reduce() 方法创建了一个累加器 averageAge。与之前的示例不同，我们传递了一个初始值 0 给累加器。

对于数组中的每个对象，我们都获取其 age 属性，并将其加入到累加器中，最后除以数组的长度以得出平均值。最终，averageAge 的值为 23.666666666666668。

总结

reduce() 方法是一个非常有用的 JavaScript 数组方法，它允许我们对数组中的所有元素进行累加，并生成一个单一的值。无论是操作数字还是对象数组，都可以使用 reduce() 方法来完成任务。