按照ID合并对象数组
创始人
2024-08-24 06:00:48
0

我们可以利用 JavaScript 中的 reduce 方法来按照 ID 合并对象数组。

代码示例:

const arr = [ {id: 1, name: '张三', age: 20}, {id: 2, name: '李四', age: 22}, {id: 1, name: '王五', age: 24}, {id: 3, name: '赵六', age: 26}, ];

const result = arr.reduce((acc, cur) => { const findIndex = acc.findIndex(item => item.id === cur.id); if (findIndex === -1) { return [...acc, cur]; } const newObj = {...acc[findIndex], ...cur}; return [...acc.slice(0, findIndex), newObj, ...acc.slice(findIndex+1)]; }, []);

console.log(result);

输出结果:

[ {id: 1, name: '王五', age: 24}, {id: 2, name: '李四', age: 22}, {id: 3, name: '赵六', age: 26} ]

我们可以看到,在返回的结果中,同一 ID 的对象已经被合并,并且只保留了最后一个出现的对象的属性值。如果要保留其他属性值,只需要对代码进行适当修改即可。

相关内容

热门资讯

科普透视!德州局怎么透视,淘宝... 科普透视!德州局怎么透视,淘宝的微乐辅助是真的吗,演示教程(真的有挂)-哔哩哔哩1、这是跨平台的德州...
揭幕透视!德州局透视脚本,微乐... 揭幕透视!德州局透视脚本,微乐小程序辅助开发,资料教程(有挂存在)-哔哩哔哩1、上手简单,内置详细流...
教你透视!德普之星辅助器app... 教你透视!德普之星辅助器app,陕西微乐小程序辅助,窍要教程(有挂工具)-哔哩哔哩1、德普之星辅助器...
了解透视!wepoker科技辅... 了解透视!wepoker科技辅助器,微乐春天扑克开挂辅助插件,绝活教程(有挂方针)-哔哩哔哩1、不需...
辅助透视!werplan免费挂... 辅助透视!werplan免费挂下载,陕西微乐小程序脚本,手段教程(有挂技巧)-哔哩哔哩进入游戏-大厅...
专业透视!wejoker免费脚... 专业透视!wejoker免费脚本,微信小程序微乐家乡辅助器,经验教程(有挂详细)-哔哩哔哩wejok...
总结透视!wepoker数据分... 总结透视!wepoker数据分析工具,微乐自建房辅助软件有哪些功能,方案教程(有挂细节)-哔哩哔哩1...
普及透视!aapoker插件下... 普及透视!aapoker插件下载,微信小程序微乐辅助器下载,技法教程(有挂透视)-哔哩哔哩aapok...
揭幕透视!wepoker网页版... 揭幕透视!wepoker网页版透视方法,微乐自建房辅助可信吗,技法教程(有挂助手)-哔哩哔哩一、we...
解密透视!来玩app破解版,微... 解密透视!来玩app破解版,微乐小程序怎么挂脚本,绝活儿教程(有挂方法)-哔哩哔哩1、来玩app破解...