JavaScript实现按id匹配合并数组 归集同id的name值

你可以通过以下两种方式实现需求，核心逻辑完全匹配你描述的转换规则：

• 遍历原始数组元素
• 若结果集中已存在相同id的条目，将当前name追加到该条目的names数组
• 若不存在相同id的条目，创建新的分组条目存入结果集

高性能实现（推荐，适配大数据量场景） #

用Map做id到分组对象的索引，将id查找的时间复杂度降到O(1)，避免重复遍历结果集：

let data = [
  {id:1,name:"meet"},
  {id:2,name:"raj"},
  {id:1,name:"hari"},
  {id:3,name:"hari"},
  {id:2,name:"ram"}
]
let finaldata = []
const idIndex = new Map()

for (const item of data) {
  if (idIndex.has(item.id)) {
    idIndex.get(item.id).names.push(item.name)
  } else {
    const groupItem = { id: item.id, names: [item.name] }
    finaldata.push(groupItem)
    idIndex.set(item.id, groupItem)
  }
}

运行后finaldata的输出和你期望的结果完全一致：

[
  { id: 1, names: [ 'meet', 'hari' ] },
  { id: 2, names: [ 'raj', 'ram' ] },
  { id: 3, names: [ 'hari' ] }
]

简洁写法（适配小数据量场景） #

不用额外维护索引，直接通过Array.find在结果集中查找匹配id，代码更短但大数据量下性能较差：

let data = [
  {id:1,name:"meet"},
  {id:2,name:"raj"},
  {id:1,name:"hari"},
  {id:3,name:"hari"},
  {id:2,name:"ram"}
]
let finaldata = []

data.forEach(item => {
  const existGroup = finaldata.find(group => group.id === item.id)
  existGroup ? existGroup.names.push(item.name) : finaldata.push({id: item.id, names: [item.name]})
})

提示：如果你的原始数组长度超过1000条，优先选择第一种Map索引的写法，性能差距会非常明显。

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