首页 > web前端 > js教程 > 如何基于公共键高效合并两个对象数组?

如何基于公共键高效合并两个对象数组?

Mary-Kate Olsen
发布: 2024-12-07 09:14:16
原创
328 人浏览过

How Can I Efficiently Merge Two Arrays of Objects Based on a Common Key?

使用公共键合并对象数组

考虑两个对象数组:

Array 1:
[
  { id: "abdc4051", date: "2017-01-24" },
  { id: "abdc4052", date: "2017-01-22" }
]
登录后复制
Array 2:
[
  { id: "abdc4051", name: "ab" },
  { id: "abdc4052", name: "abc" }
]
登录后复制

根据以下条件合并这些数组id 属性,一个简洁的解决方案是利用 map() 函数和Object.assign().

利用map(),我们迭代数组1。对于每个对象,我们创建一个新对象,该对象组合了数组1和数组2中同一索引处的两个对象的属性。这个新对象存储在arr3中。

let arr1 = [
  { id: "abdc4051", date: "2017-01-24" },
  { id: "abdc4052", date: "2017-01-22" }
];

let arr2 = [
  { id: "abdc4051", name: "ab" },
  { id: "abdc4052", name: "abc" }
];

let arr3 = arr1.map((item, i) => Object.assign({}, item, arr2[i]));

console.log(arr3);
登录后复制

这达到了预期的结果:

[
  { id: "abdc4051", date: "2017-01-24", name: "ab" },
  { id: "abdc4052", date: "2017-01-22", name: "abc" }
]
登录后复制

以上是如何基于公共键高效合并两个对象数组?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板