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

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 => {
    return {
        ...item,
        list: b.filter(it => it['cid'] === item['id'])
    }
});

console.log(c);

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

以上就是如何将两个数组基于特定字段合并成一个新数组？的详细内容，更多请关注其它相关文章！