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

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《如何将两个数组基于特定字段合并成一个新数组？ 》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

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

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~