使用reduce按字符串属性值聚合对象数组统计总数出错如何解决

你的代码存在两个核心错误：

• 累计器使用逻辑错误：你初始的acc值是空数组，但每次遍历都直接返回仅包含当前月份对象的新数组，覆盖了之前所有的分组结果，最终只会保留最后一条数据的月份。
• 类型不匹配导致的隐式转换：你直接将数组类型的acc和数字类型的curr.count相加，JS会自动把数组转成字符串，所以出现了[object Object]2这类异常拼接结果。

这类分组聚合需求推荐先用对象作为中间累计容器，key存储月份，value存储对应累计count，处理完成后再转成你需要的数组格式即可，示例代码如下：

const data = [
  { dateTime: '2021-07-30', count: 4 },
  { dateTime: '2021-07-31', count: 1 },
  { dateTime: '2021-08-01', count: 2 },
  { dateTime: '2021-08-02', count: 1 },
  { dateTime: '2021-08-03', count: 2 },
  { dateTime: '2021-08-04', count: 3 }
];

// 第一步：累计各月份的count总和
const monthCountMap = data.reduce((acc, curr) => {
  const month = curr.dateTime.slice(0, 7);
  acc[month] = (acc[month] || 0) + curr.count;
  return acc;
}, {});

// 第二步：将累计对象转为目标数组格式
const stackedMonths = Object.entries(monthCountMap).map(([month, count]) => ({
  month,
  count
}));

console.log(stackedMonths);

运行后输出结果和你预期一致：

[ { month: '2021-07', count: 5 }, { month: '2021-08', count: 8 } ]

内容的提问来源于stack exchange，提问作者s.khan