reduce 的中文详解

JavaScript 数组方法 reduce 的全面指南

什么是 reduce？

reduce() 是 JavaScript 中数组的一个高阶函数，用于将数组中的所有元素“归约”为一个单一的值。它通过一个“累加器”（accumulator）逐个处理数组元素，最终返回累加结果。

基本语法

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

accumulator：累加器，累积回调函数的返回值。
currentValue：当前正在处理的数组元素。
index（可选）：当前元素的索引。
array（可选）：调用 reduce 的原数组。
initialValue（可选）：作为第一次调用 callback 函数时的第一个参数的值。

常用示例

1. 求数组总和

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

const sum = numbers.reduce((acc, curr) => acc + curr, 0);

console.log(sum); // 输出: 10

2. 将数组转为对象（按 ID 索引）

const users = [

  { id: 1, name: '张三' },

  { id: 2, name: '李四' }

];

const userMap = users.reduce((acc, user) => {

  acc[user.id] = user;

  return acc;

}, {});

console.log(userMap);

3. 统计数组中各元素出现次数

const fruits = ['apple', 'banana', 'apple', 'orange', 'banana', 'apple'];

const count = fruits.reduce((acc, fruit) => {

  acc[fruit] = (acc[fruit] || 0) + 1;

  return acc;

}, {});

console.log(count); // { apple: 3, banana: 2, orange: 1 }

注意事项

如果没有提供 initialValue，reduce 会从数组的第二个元素开始执行，第一个元素作为初始累加器。
空数组且未提供 initialValue 时，会抛出错误。
reduce 不会修改原数组，但回调函数内部可以修改（不推荐）。

适用场景

当你需要将数组“压缩”成一个值时，比如：

求和、求积、最大/最小值
数据分组或聚合
扁平化嵌套数组
构建映射对象