JavaScript 分组求和：用代码实现数据分组计算

前端

2024-01-08 07:29:33

掌握 JavaScript 分组求和，从海量数据中提炼洞察

作为一名 JavaScript 开发人员，分组求和是一项必备技能，可以帮助我们从庞大数据集快速获取有意义的聚合信息。本文将逐步介绍如何用 JavaScript 实现分组求和，并提供一个示例代码供大家参考。

什么是分组求和？

分组求和是一种数据处理技术，它将数据按某个属性进行分组，然后对每个组计算一个或多个聚合值。例如，我们有一个销售记录数组，其中包含每个商品的销售数量，我们需要按商品分类计算每种商品的总销售量。

如何用 JavaScript 实现分组求和？

实现分组求和需要以下步骤：

定义分组属性： 确定要按哪个属性对数据进行分组，通常是数组元素中某个特定属性。
创建对象作为分组容器： 使用对象作为分组容器，对象的键将是分组属性的值，而值将是分组后每个组的聚合信息。
遍历数组，分组并求和： 遍历数组中的每个元素，获取其分组属性值，并将其添加到对象中。如果对象中已存在该键，则将其对应的值累加。
获取分组结果： 遍历对象，收集每个组的聚合信息，如组名和求和结果。

示例代码：

// 销售记录数组
const salesRecords = [
  { product: 'A', quantity: 10 },
  { product: 'B', quantity: 15 },
  { product: 'A', quantity: 5 },
  { product: 'C', quantity: 8 },
  { product: 'B', quantity: 12 },
];

// 分组求和
const groupedSales = {};
salesRecords.forEach((record) => {
  const product = record.product;
  if (!groupedSales[product]) {
    groupedSales[product] = 0;
  }
  groupedSales[product] += record.quantity;
});

// 获取分组结果
const result = [];
Object.keys(groupedSales).forEach((product) => {
  result.push({ product, totalSales: groupedSales[product] });
});

console.log(result);
// [
//   { product: 'A', totalSales: 15 },
//   { product: 'B', totalSales: 27 },
//   { product: 'C', totalSales: 8 },
// ]