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

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

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 的对象。

以上就是如何将两个数组基于特定字段合并成一个新数组?的详细内容,更多请关注www.sxiaw.com其它相关文章!