javascript - 如何连接对象

Question

给定以下两个对象数组:

var items = [
    {colorId:'2',name:'qqq'}, 
    {colorId:'5',name:'www'}, 
    {colorId:'2',name:'eee'},
    {colorId:'4',name:'rrr'}
];

var colors = [
    {id:'5',name:'blue'}, 
    {id:'2',name:'red'}
];

我需要根据 colorId 在 items 和 colors 之间建立连接。

期望的结果:

var arr3 = [
    {id:'2', name:'qqq', name:'red'}, 
    {id:'5', name:'www', name:'blue'}, 
    {id:'2', name:'eee', name:'red'}
];

执行此操作的优雅方法是什么？

Answer 1

这是一个纯 JavaScript 解决方案，它将更改 items 数组本身。

如果您不想修改同一个数组，可以创建新数组并将克隆项插入其中。

var items= [{colorId:'2',name:'qqq'}, 
           {colorId:'5',name:'www'}, 
           {colorId:'2',name:'eee'},
           {colorId:'4',name:'rrr'}]


var colors= [{id:'5',name:'blue'}, 
            {id:'2',name:'red'}, ]

items.forEach(function(d) {
	var matchColor = colors.filter(function(item){ return item.id === d.colorId});
	if(matchColor.length){
		d.color = matchColor[0].name;
	}
});

console.log(items);