Stack Overflow 数组 Reduce - JavaScript

在 JavaScript 中，reduce() 是一个数组方法，用于通过逐个处理数组元素来生成单个值。

什么是 reduce()？

JavaScript reduce() 方法对数组的每个元素执行一个重新计算，每次都将结果传递给下一次迭代。最终，它返回一个经过处理的单个值。

下面是 reduce() 的语法：

array.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])

其中：

• callback 函数是应用于每个元素的函数，其中 accumulator 是返回的累加器值，而 currentValue 则是要处理的当前元素。

• initialValue 是可选的。它是作为初始累加器值传递的值，并用于处理数组的第一个元素。

如何使用 reduce()？

假设我们要计算数字数组 [1, 2, 3, 4, 5] 中所有元素的总和：

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

console.log(sum); // 输出 15

在上面的示例中，我们首先定义了一个数字数组 numbers，然后使用 reduce() 方法计算其总和。

我们将回调函数传递给 reduce() 方法。该回调函数接受两个参数：accumulator 和 currentValue。accumulator 是返回的累加器值，currentValue 是当前正在处理的元素。

我们还提供了一个初始值为 0 作为第二个参数，以保证初始值不为 undefined。在每个迭代中，accumulator 持续累加当前元素。

在最后一个迭代结束后，reduce() 返回最终累加器值。

reduce() 方法的更多示例

以下是其他使用 reduce() 方法的示例：

计算数组中的最大值

const numbers = [1, 2, 3, 4, 5];
const max = numbers.reduce((a, b) => Math.max(a, b));

console.log(max); // 输出 5

在上面的示例中，我们将 Math.max() 函数作为回调函数传递给 reduce() 方法。该函数将数组中的两个元素比较，并返回较大的一个。

将多维数组展平为单个数组

const nestedArray = [[1, 2], [3, 4], [5, 6]];
const flattenedArray = nestedArray.reduce((accumulator, currentValue) => accumulator.concat(currentValue), []);

console.log(flattenedArray); // 输出 [1, 2, 3, 4, 5, 6]

在上面的示例中，我们将一个多维数组 nestedArray 展平为单个数组。

对于每个元素，我们使用 concat() 方法将它们附加到累加器数组 accumulator 中。

计算数组元素出现次数

const names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];
const nameCount = names.reduce((accumulator, currentValue) => {
  if (currentValue in accumulator) {
    accumulator[currentValue]++;
  } else {
    accumulator[currentValue] = 1;
  }
  return accumulator;
}, {});

console.log(nameCount); // 输出 { Alice: 2, Bob: 1, Tiff: 1, Bruce: 1 }

在上面的示例中，我们计算了数组中每个元素出现的次数。

在每个迭代中，我们检查元素是否在累加器对象 accumulator 中已经存在。如果是，我们将该元素的出现次数 +1；否则，我们将这个元素添加到对象中，并将其出现次数设置为 1。最后，我们返回包含计数的对象。

结论

在 JavaScript 中，reduce() 是一个很有用的数组方法，它将数组的每个元素计算并返回单个结果。

通过熟练使用 reduce() 方法，您可以节省大量的代码，并以一种更清晰、更简洁的方式处理数据！