如何将两个数组基于特定字段合并成一个新数组？-小浪资源网

如何将两个数组基于特定字段合并成一个新数组？

JavaScript 比较两个数组的值并合并其数据

问题描述：

给定两个数组 A 和 B，如果 A 中的 id 字段与 B 中的 cid 字段相等，则想将这两个数组的相应数据合并到一个新的数组中。

问题的示例数据和预期输出如下：

A: [{ id: 1 }, { id: 2 }] B: [{ cid: 1, des: "1" }, { cid: 1, des: "11" }, { cid: 2, des: "2" }]  预期输出： [{ id: 1, list: [{ cid: 1, des: "1" }, { cid: 1, des: "11" }] }, { id: 2, list: [{ cid: 2, des: "2" }] }]

登录后复制

解决方案：

我们可以使用 map() 方法逐一遍历数组 A 中的项，并使用 Filter() 方法在数组 B 中查找与当前项的 id 相匹配的项。然后，我们可以将匹配的项合并到一个新的对象中，并将其作为合并后的数组中的一个项返回。

let a = [{id:1},{id:2}]; let b = [{cid:1, des:"1"},{cid:1, des:"11"},{cid:2, des:"2"}];  const c = a.map(item =&gt; {     return {         ...item,         list: b.filter(it =&gt; it['cid'] === item['id'])     } });  console.log(c);

登录后复制

该解决方案将创建一个新数组，其中每个对象包含 A 中对应的 id 以及 B 中所有具有匹配 cid 的对象。

文章版权归作者所有，未经允许请勿转载。【小浪云服务商 - 服务器12元起 - 挂机宝5元起】

THE END