JavaScript 中如何根据指定字段匹配两个数组并组成新数组？

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《JavaScript 中如何根据指定字段匹配两个数组并组成新数组？ 》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

js 两个数组 A 与 B 中的值如何按指定字段相等匹配组成新数组？

现在有两个数组 A 和 B，其中 A 数组中包含 "id" 字段，B 数组中包含 "cid" 字段。我们的目标是根据这两个字段的值是否相等来匹配这两个数组中的元素，并从中提取特定的字段组成新的数组。

新数组的结构：

每个新数组的元素都应该包含 A 数组中匹配到的 "id" 值，以及 B 数组中匹配到的其他字段值。

示例数据：

A 数组：

• {id: 1}
• {id: 2}

B 数组：

• {cid: 1, des: "1"}
• {cid: 1, des: "11"}
• {cid: 2, des: "2"}

预期输出：

• {id: 1, list: [{des: "1"}, {des: "11"}]}
• {id: 2, list: [{des: "2"}]}

实现代码：

可以使用 map 函数来遍历 A 数组中的每个元素，并利用 filter 函数在 B 数组中寻找匹配的元素。然后，将匹配到的 B 数组元素作为新对象的 "list" 属性返回。

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

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript 中如何根据指定字段匹配两个数组并组成新数组？ 》文章吧，也可关注golang学习网公众号了解相关技术文章。