如何使用 JS 将两个数组中的键值匹配并生成新数组？

一分耕耘，一分收获！既然都打开这篇《如何使用 JS 将两个数组中的键值匹配并生成新数组？ 》，就坚持看下去，学下去吧！本文主要会给大家讲到等等知识点，如果大家对本文有好的建议或者看到有不足之处，非常欢迎大家积极提出！在后续文章我会继续更新文章相关的内容，希望对大家都有所帮助！

JS 如何将数组中的 Value 与另一个数组中的 Key 匹配来形成新数组？

问题：

假设我们有两个数组 a 和 b，数组 a 具有键（key）、值（value）和 ID，而数组 b 具有键和 ID。我们的目标是将 a 数组值和 b 数组键相匹配，创建一个新的数组 c，其中包含两个数组中匹配的数据。

期望结果：

[{id:3,key:'key1',value:'ggg'},{id:4,key:'key2',value:'cccc'}]

解决方案：

我们可以使用 JS 中的 map() 方法和 find() 方法来完成此任务。以下是具体步骤：

1. 使用 map() 方法遍历 b 数组中的每一个 item。
2. 对于每个 item，使用 find() 方法在 a 数组中查找一个 ID 或 key 匹配的 item。
3. 如果找到匹配的 item，将其与当前 item 合并，创建一个新的对象。
4. 否则，返回一个空对象。

var a = [{id:1,key:'key1',value:'ggg'},{id:2,key:'key2',value:'cccc'}]
var b = [{id:3,key1:'sdf'},{id:4,key2:'sdfdff'}]

function getData(a, b) {
    var list = b.map(item => {
        var obj = a.find(i => Object.keys(item).includes(i.key)) || {}
        return {...obj, ...item}        
    })
    return list
}

var c = getData(a, b)
console.log(c)

结果：

[{id:3,key1:'sdf',key:'key1',value:'ggg'},{id:4,key2:'sdfdff',key:'key2',value:'cccc'}]

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