如何使用 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 将两个数组中的键值匹配并生成新数组？的详细内容，更多请关注其它相关文章！