如何根据数组元素的 Value 和另一个数组的 Key 创建新的数组？

如何在 javascript 中判断数组中 value 和另一个数组中 key 是否相同，并据此创建新的数组？

给定两个数组：

• 数组 a：[{id:1,key:'key1',value:'ggg'},{id:2,key:'key2',value:'cccc'}]
• 数组 b：[{id:3,key1:'sdf'},{id:4,key2:'sdfdff'}]

我们要根据 a 数组中的 Value 和 b 数组中的 Key 是否匹配生成一个新的数组。期望输出为：

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

解决方案：

我们可以使用 JavaScript 中的 map() 函数和 find() 函数来实现此目的。

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)

此函数通过映射数组 b 并在每个元素中查找在数组 a 中具有匹配 Value 的元素来工作。然后，它合并这两个元素以创建新数组。最终，函数返回带合并元素的新数组。

在给定的示例中，输出将为：

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

以上就是如何根据数组元素的 Value 和另一个数组的 Key 创建新的数组？的详细内容，更多请关注其它相关文章！