如何用键值对照两个数组，并生成一个包含合并元素的新数组？

如何根据键值对照两个数组形成新数组？

问题描述：

给定两个数组 a 和 b，其中 a 数组的元素包含 id、key 和 value 属性，b 数组的元素包含 id 和一个键值对。需要找到 a 和 b 数组中 key 值相同的元素，并将其合并为一个新的数组。

期望输出：

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

解决方案：

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)

在 getData 函数中：

1. 使用 map 函数对 b 数组的每个元素进行迭代。
2. 对于每个元素 item，使用 find 函数在 a 数组中找到一个元素 i，其中 item 的 key 值是 i.key 的子字符串。
3. 将找到的元素 obj 与 item 合并，形成新的对象。
4. 将合并后的对象添加到 list 数组中。
5. 返回 list 数组。

这样，我们可以将 a 数组中与 b 数组的 key 值相同的元素合并，形成一个新的数组 c。

以上就是如何用键值对照两个数组，并生成一个包含合并元素的新数组？的详细内容，更多请关注其它相关文章！