JS中合并嵌套数组内重复首项对象元素的最佳实践

可以利用Map来高效完成分组合并，时间复杂度为O(n)（n是原始数组长度），是处理这类分组需求的最优方式之一。具体实现步骤如下：

代码实现 #

const originalArray = [
  ["631", {"value":"0.10","amount":"6000"}],
  ["100", {"value":"0.20","amount":"5000"}],
  ["631", {"value":"0.30","amount":"7000"}]
];

// 创建Map用于分组存储
const groupMap = new Map();

originalArray.forEach(item => {
  const [id, obj] = item;
  if (groupMap.has(id)) {
    // 已有分组，追加对象到数组
    groupMap.get(id).push(obj);
  } else {
    // 新分组，初始化数组
    groupMap.set(id, [id, obj]);
  }
});

// 将Map的values转换为最终数组
const result = Array.from(groupMap.values());

console.log(result);

输出结果 #

[
  ["631", {"value":"0.10","amount":"6000"}, {"value":"0.30","amount":"7000"}],
  ["100", {"value":"0.20","amount":"5000"}]
]

方案说明 #

1. Map分组：用嵌套数组的首项（如"631"）作为Map的键，对应的值是合并后的目标数组，确保相同id的项被归类到同一组。
2. 遍历处理：遍历原始数组时，判断当前id是否已存在于Map中，存在则追加对象，不存在则创建新的分组数组。
3. 结果转换：最后通过Array.from(groupMap.values())提取Map中所有的分组数组，得到最终格式的输出。

如果需要兼容ES5环境，也可以用普通对象替代Map，代码逻辑类似：

const originalArray = [
  ["631", {"value":"0.10","amount":"6000"}],
  ["100", {"value":"0.20","amount":"5000"}],
  ["631", {"value":"0.30","amount":"7000"}]
];

const groupObj = {};

originalArray.forEach(item => {
  const [id, obj] = item;
  if (groupObj[id]) {
    groupObj[id].push(obj);
  } else {
    groupObj[id] = [id, obj];
  }
});

const result = Object.values(groupObj);
console.log(result);

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