如何合并具有相同年份键的对象数组-js教程-PHP中文网

如何合并具有相同年份键的对象数组

本文介绍使用 JavaScript reduce() 和对象累加器高效合并按 year 字段分组的数组对象，将重复年份对应的 worksSummaryDetailsObj 数组合并为单一扁平数组。

本文介绍使用 javascript `reduce()` 和对象累加器高效合并按 `year` 字段分组的数组对象，将重复年份对应的 `workssummarydetailsobj` 数组合并为单一扁平数组。

在实际开发中，我们常遇到需要按某个字段（如 year）对对象数组进行“分组+聚合”的场景：相同键值的对象需合并，其嵌套数组字段则需拼接而非覆盖。原始数据中存在多个 year: 2021 或 year: 2022 的条目，目标是将其归并为唯一项，并将所有同年的 worksSummaryDetailsObj 数组合并成一个不重复、顺序保留的大数组。

推荐解法是使用 Array.prototype.reduce() 配合普通对象作为累加器（hash map），以 year 为键缓存已处理项：

const merged = Object.values(
  worksSummaryDetailsArr.reduce((acc, item) => {
    if (!acc[item.year]) {
      // 首次遇到该年份：直接存入
      acc[item.year] = { ...item };
    } else {
      // 已存在：合并 worksSummaryDetailsObj 数组
      acc[item.year] = {
        year: item.year,
        worksSummaryDetailsObj: [
          ...acc[item.year].worksSummaryDetailsObj,
          ...item.worksSummaryDetailsObj
        ]
      };
    }
    return acc;
  }, {})
);

✅ 关键优势：

时间复杂度 O(n)，仅遍历一次原数组；
语义清晰，逻辑直观，避免嵌套 filter + map 带来的多次遍历与引用混淆；
使用展开运算符（...）确保数组浅拷贝合并，不污染原始数据。

⚠️ 注意事项：

此方案假设 worksSummaryDetailsObj 始终为数组类型，若存在 undefined 或非数组值，建议预先校验：

const safeConcat = (a, b) => Array.isArray(a) && Array.isArray(b) 
  ? [...a, ...b] 
  : [...(Array.isArray(a) ? a : []), ...(Array.isArray(b) ? b : [])];

若需去重（即合并后剔除 worksSummaryDetailsObj 中完全相同的子对象），需额外实现深比较或基于唯一 ID 过滤，本例未涉及该需求；
Object.values() 返回结果顺序不保证与年份数值顺序一致（如 2020, 2021, 2022），如需严格升序，后续可链式调用 .sort((a, b) => a.year - b.year)。

最终输出为结构规整的新数组，每个 year 唯一，对应 worksSummaryDetailsObj 包含该年所有原始子项，满足业务聚合诉求。