ES6中按条件对对象数组执行reduce的问题求助

问题1：为什么reduce对OUT类型的求和结果错误？ #

你的代码存在三个关键问题：

• 未按需求转换符号：需求要求OUT类型的value按负值计算，但你直接累加了正值，导致结果符号完全相反；
• 未处理IN类型元素：你的代码只过滤了OUT类型的元素求和，完全忽略了IN类型的正值，结果自然不符合预期；
• reduce缺少初始值：虽然当前分组的OUT数组不为空时能运行，但如果某组没有OUT元素，reduce会抛出错误，同时初始值的缺失也容易让你误解累加逻辑。

你提到得到16和8的错误结果，应该是误读了输出——实际你的代码运行后，test1的OUT求和为32+16=48，test2的OUT求和为32+8=40，这和需求的负值结果相差甚远。

问题2：能否无需重复操作同时处理IN、OUT两种类型？ #

当然可以，无需先分组再多次filter+reduce，有两种高效实现方式：

方式一：单次reduce完成分组与计算（最优） #

只遍历原数组一次，同时完成分组和数值计算，避免多次遍历带来的性能损耗：

const data = [
  { "key": "test1", "value": 32, "type": "OUT" },
  { "key": "test1", "value": 16, "type": "OUT" },
  { "key": "test1", "value": 8, "type": "IN" },
  { "key": "test2", "value": 32, "type": "OUT" },
  { "key": "test2", "value": 16, "type": "IN" },
  { "key": "test2", "value": 8, "type": "OUT" },
];

const result = Object.values(data.reduce((acc, item) => {
  // 根据类型计算待累加的数值：IN取正，OUT取负
  const calcValue = item.type === 'IN' ? item.value : -item.value;
  
  // 累加或初始化分组数据
  if (acc[item.key]) {
    acc[item.key].value += calcValue;
  } else {
    acc[item.key] = {
      key: item.key,
      value: calcValue,
      type: "-"
    };
  }
  
  return acc;
}, {}));

console.log(result);

方式二：分组后单次reduce处理每组 #

基于你已有的groupBy函数，对每组元素用一次reduce同时处理IN和OUT，避免多次filter遍历：

const data = [
  { "key": "test1", "value": 32, "type": "OUT" },
  { "key": "test1", "value": 16, "type": "OUT" },
  { "key": "test1", "value": 8, "type": "IN" },
  { "key": "test2", "value": 32, "type": "OUT" },
  { "key": "test2", "value": 16, "type": "IN" },
  { "key": "test2", "value": 8, "type": "OUT" },
];

// 你原有的groupBy函数
const groupBy = function(xs, key) {
  return xs.reduce(function(rv, x) {
    (rv[x[key]] = rv[x[key]] || []).push(x);
    return rv;
  }, {});
};

const grouped = groupBy(data,"key");
const result = Object.entries(grouped).map(([key, items]) => {
  // 一次reduce处理所有类型的元素
  const total = items.reduce((sum, item) => {
    return sum + (item.type === 'IN' ? item.value : -item.value);
  }, 0); // 必须加初始值0，避免空数组报错
  return { key, value: total, type: "-" };
});

console.log(result);

两种方式的输出均符合预期：

[
  { key: 'test1', value: -40, type: '-' },
  { key: 'test2', value: -24, type: '-' }
]

内容的提问来源于stack exchange，提问作者toffler