JavaScript 中数组 API 怎么使用 reduce 方法实现复杂的数据归约与累加统计-js教程-PHP中文网

reduce是javascript数组中将元素逐步归约为单个值的高阶方法，支持返回任意类型结果；其核心为累加器（accumulator）与当前项（currentvalue）的迭代运算，强烈建议显式传入initialvalue以避免空数组或边界错误。

javascript 中数组 api 怎么使用 reduce 方法实现复杂的数据归约与累加统计

reduce 是 JavaScript 数组中最强大也最易被低估的方法之一，它不只用来“求和”，而是能将数组逐步压缩成任意类型的单个值——比如对象、嵌套结构、布尔结果，甚至新数组。关键在于理解它的执行逻辑和正确设置初始值。

reduce 的基本结构与执行逻辑

语法：arr.reduce(callback, initialValue)。
callback 接收四个参数：累计器（accumulator）、当前项（currentValue）、当前索引（index）、原数组（array）；实际常用前两个。
initialValue 非必需，但强烈建议显式传入——否则第一次调用时，accumulator 取数组第一个元素，currentValue 取第二个，容易在空数组或单元素数组时出错。

执行过程是“从左到右逐项折叠”：每轮把上一轮返回值作为 accumulator，与当前项运算，直到遍历结束。

实现多维度累加统计（如分组计数 + 求和）

场景：统计订单列表中每个商品的销售总数和总金额。

初始值设为一个空对象 {}，作为分组容器
每次迭代检查商品 ID 是否已存在，若无则初始化 { count: 0, total: 0 }
更新对应商品的 count（+1）和 total（+price）

示例代码：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const orders = [
  { id: 'A', price: 25 },
  { id: 'B', price: 40 },
  { id: 'A', price: 30 }
];

const stats = orders.reduce((acc, order) => {
  const { id, price } = order;
  if (!acc[id]) acc[id] = { count: 0, total: 0 };
  acc[id].count += 1;
  acc[id].total += price;
  return acc;
}, {});

// 结果：{ A: { count: 2, total: 55 }, B: { count: 1, total: 40 } }