JavaScript数组reduce常见实例方法

下面是关于JavaScript数组reduce方法的一些详细讲解和两个示例说明。

什么是reduce方法

reduce 是 JavaScript 数组中的一个高阶函数，作用是将数组中的所有元素通过指定函数进行归纳，最终返回一个单一的值。这个指定函数接收两个参数：累加器和当前值。

reduce 语法：

array.reduce(function(accumulator, currentValue, index, array), initialValue)

其中 fn 函数接收四个参数：

• accumulator：累加器
• currentValue：当前值
• index：当前索引（可选）
• array：循环的数组（可选）

initialValue 用于指定初始的累加器值，如果不指定，则默认使用数组第一个元素作为初始值。

reduce 的常见用途

1. 对数组的求和或平均值

reduce 最初的应用场景就是对数组求和或求平均值，在这个场景下，我们可以将累加器初始值设为 0，循环时将当前值加上累加器值即可。

代码示例：

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

// 对数组求和
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 15

// 对数组求平均值
const average = numbers.reduce((accumulator, currentValue, index, array) => {
  accumulator += currentValue;
  if (index === array.length - 1) {
    return accumulator / array.length;
  } else {
    return accumulator;
  }
}, 0);
console.log(average); // 3

2. 对数组进行去重

reduce 还可以用于去重，在这个场景下，需要在操作前先对数组进行排序。同时，可以将累加器初始化为空数组，如果当前值不在累加器中，则将其添加至累加器中。

代码示例：

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

// 对数组进行去重
const uniqueArray = array.sort().reduce((accumulator, currentValue) => {
  if (accumulator.length === 0 || accumulator[accumulator.length - 1] !== currentValue) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);

console.log(uniqueArray); // [1, 2, 3, 4, 5]

以上是 reduce 方法的两个常见用法示例。reduce 还有更多的使用场景，例如计算数组中的最大值、最小值、共同发生次数等等。需要根据实际情况进行细致的思考和实践。