JavaScript 数组归并：reduce() 方法实现数组累计操作

reduce()方法用于将数组归并为单一值，不修改原数组。常用于求和、扁平化、统计频次等场景，通过累加器逐步积累结果，需注意初始值设置对执行过程的影响。

JavaScript 中的 reduce() 方法是处理数组累计操作的核心工具。它能将数组中的所有元素从左到右“归并”为一个单一值，适用于求和、拼接字符串、对象累加等场景。这个方法不会修改原数组，而是返回一个新的结果值。

reduce() 基本语法与参数

reduce() 接收两个参数：一个回调函数和一个可选的初始值。回调函数本身有四个参数：累加器（accumulator）、当前值（currentValue）、当前索引（index）和原数组（array）。最常用的是前两个。

array.reduce((accumulator, currentValue, index, array) => {
  // 返回新的 accumulator 值
}, initialValue);

如果不提供初始值，reduce 会从数组第二个元素开始执行，第一个元素作为累加器的初始值。

常见应用场景与实例

通过几个典型例子可以清楚理解 reduce 的用途。

立即学习“Java免费学习笔记（深入）”；

怪兽AI数字人

数字人短视频创作，数字人直播，实时驱动数字人

44

查看详情

• 数组求和：将所有数字相加。

  [1, 2, 3, 4].reduce((acc, val) => acc + val, 0); // 结果：10

  登录后复制
• 扁平化数组：将二维数组转为一维。

  [[1, 2], [3, 4], [5]].reduce((acc, arr) => acc.concat(arr), []);
  // 结果：[1, 2, 3, 4, 5]

  登录后复制
• 统计元素出现次数：生成一个对象记录每个元素的频次。

  ['a', 'b', 'a', 'c', 'b', 'a']
  .reduce((acc, val) => {
    acc[val] = (acc[val] || 0) + 1;
    return acc;
  }, {});
  // 结果：{ a: 3, b: 2, c: 1 }

  登录后复制

进阶技巧：组合数据结构转换

reduce 不仅限于数字运算，还能用于复杂的数据重组。例如，将数组转换为以某个字段为键的对象。

const users = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' }
];
const userMap = users.reduce((acc, user) => {
  acc[user.id] = user;
  return acc;
}, {});
// 结果：{ 1: { id: 1, name: 'Alice' }, 2: { id: 2, name: 'Bob' } }

这种模式在需要快速查找时非常高效。

基本上就这些。掌握 reduce 的核心在于理解累加器如何一步步积累结果。只要明确初始值和每次迭代的返回逻辑，就能灵活应对各种聚合需求。不复杂但容易忽略细节，比如初始值的设定对结果影响很大，使用时要特别注意。

以上就是JavaScript 数组归并：reduce() 方法实现数组累计操作的详细内容，更多请关注php中文网其它相关文章！