JavaScript制表场景下函数式编程模式的优化方案问询

你当前的实现通过reduce完成了按键聚合的需求，但存在命令式的键存在检查和对象修改操作。以下几种纯函数式方案可以在保留reduce使用的前提下，消除这些命令式代码，同时支持自定义聚合逻辑：

方案1：简化单一场景的聚合（求和示例） #

利用对象展开运算符和空值合并，直接在返回新对象时完成初始值处理，无需if判断：

const objectArray = [
  { name: "Bob", value: 20 },
  { name: "Jane", value: 15 },
  { name: "John", value: 5 },
  { name: "Jane", value: 10 },
];

const aggregated = objectArray.reduce((result, { name, value }) => ({
  ...result,
  [name]: (result[name] ?? 0) + value
}), {});

console.log(aggregated); // { Bob: 20, Jane: 25, John: 5 }

说明：

• 使用...result展开已有结果，创建新对象避免修改原累计器（无副作用）
• result[name] ?? 0确保未初始化的键使用初始值0（??比||更安全，不会把0、''等合法值当成假值处理）
• 一行完成键的初始化与聚合操作，完全消除命令式if

方案2：通用聚合高阶函数（支持自定义操作） #

如果需要复用逻辑，支持不同的聚合方式（比如收集数组、求最大值），可以封装一个高阶函数，把键提取、初始值、聚合逻辑解耦：

const groupByAggregate = (keyExtractor, initialValue, aggregator) => {
  return (accumulator, item) => {
    const key = keyExtractor(item);
    return {
      ...accumulator,
      [key]: aggregator(accumulator[key] ?? initialValue, item)
    };
  };
};

// 求和场景使用
const sumAggregated = objectArray.reduce(
  groupByAggregate(
    item => item.name,
    0,
    (currentTotal, item) => currentTotal + item.value
  ),
  {}
);

// 收集所有value到数组的场景
const listAggregated = objectArray.reduce(
  groupByAggregate(
    item => item.name,
    [],
    (currentList, item) => [...currentList, item.value]
  ),
  {}
);

console.log(sumAggregated); // { Bob: 20, Jane: 25, John: 5 }
console.log(listAggregated); // { Bob: [20], Jane: [15, 10], John: [5] }

说明：

• 高阶函数groupByAggregate接收三个参数：提取聚合键的函数、键的初始值、自定义聚合函数
• 每次返回新的累计器对象，保持纯函数特性
• 无需任何命令式的条件判断或对象修改，完全符合函数式编程风格

方案3：性能优化版（大数据量场景） #

如果处理的数组规模较大，频繁展开对象可能带来性能开销，可以用Object.assign替代展开运算符，同样保持纯函数：

const aggregated = objectArray.reduce((result, { name, value }) => 
  Object.assign({}, result, {
    [name]: (result[name] ?? 0) + value
  }), {});

说明：

• Object.assign({}, result, ...)创建新对象，避免修改原累计器
• 逻辑和方案1一致，但在大数据量下性能略优于对象展开

内容的提问来源于stack exchange，提问作者Adam B.