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 中如何根据指定字段匹配两个数组并组成新数组？的详细内容，更多请关注其它相关文章！