Array.prototype.reduce()

最新推荐文章于 2025-10-06 20:16:10 发布

原创最新推荐文章于 2025-10-06 20:16:10 发布 · 847 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文详细介绍了JavaScript中Array.prototype.reduce()方法的使用方法及其参数作用。reduce()方法通过对数组中的每个元素执行提供的reducer函数来汇总结果并返回单一值。文章通过示例展示了如何使用该方法求和数组元素及计算每个元素的出现次数。

Array.prototype.reduce()

reduce()方法对数组中的每个元素执行提供的reducer函数，将其结果汇总为单个返回值。

语法：

arr.reduce(callback(acc, cur [, idx [, array]]) [, initialValue])

acc：累加器
表示上一次调用累加器的返回值，或设置的initialValue值，如果没设置initialValue，则acc为数组的第一个元素值。

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

// 未设置 initialValue
arr.reduce((acc, cur, index, arr) => {
  console.log(acc); // 1 3 6 10
  return acc + cur;
});

// 设置 initialValue
arr.reduce((acc, cur, index, arr) => {
  console.log(acc); // 10 11 13 16 20
  return acc + cur;
}, 10);

cur：当前值
表示数组正在处理的值。

arr.reduce((acc, cur, index, arr) => {
  console.log(cur);  // 2 3 4 5
  return acc + cur;
});

idx：当前索引
表示当前正在处理值的索引，如果设置了initialValue，则idx从0开始，否则从 1 开始。

// 未设置 initialValue
arr.reduce((acc, cur, idx, arr) => {
  console.log(idx); // 1 2 3 4
  return acc + cur;
});

// 设置 initialValue
arr.reduce((acc, cur, idx, arr) => {
  console.log(idx); // 0 1 2 3 4
  return acc + cur;
}, 10);

array：表示数组本身

arr.reduce((acc, cur, idx, arr) => {
  console.log(arr); // [1, 2, 3, 4, 5]
  return acc + cur;
});

initialValue：用作acc的默认值

使用

求数组中的元素之和

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

arr.reduce((acc, cur) => {
  return acc + cur;
});

求数组中每个元素出现的次数：

const arr = [1, 1, 2, 3, 4, 4, 4, 5],
  result = {};

esult = arr.reduce((acc, cur) => {
  if (acc.hasOwnProperty(cur)) {
    acc[cur]++;
  } else {
    acc[cur] = 1;
  }

  return acc;
}, result);

console.log(result);  // {1: 2, 2: 1, 3: 1, 4: 3, 5: 1}

标签

#javascript #reduce