[inner join two array with objects jquery or javascript

Question

我有2个数组，由几个对象组成

var colors=[
{id: 5, color: "yellow"}
{id: 6, color: "green"}
];

var boxes=[
{color_id: 5, name: 4, value: 40}
{color_id: 5, name: 5, value: 50}
{color_id: 6, name: 4, value: 400}
{color_id: 6, name: 5, value: 500}
]

而且我想要这个结果

var result=[
{color_id: 5, name: 4, value: 40, color: "yellow"}
{color_id: 5, name: 5, value: 50, color: "yellow"}
{color_id: 6, name: 4, value: 400, color: "green"}
{color_id: 6, name: 5, value: 500, color: "green"}
]

搜索后我的解决方法是>

   var result = [];
   $.each(boxes,function(index,value){
   result.push($.extend({}, colors[index], boxes[index]));
   });
但不起作用

我有2个数组，由几个对象组成var colors = [{{id：5，color：“ yellow”} {id：6，color：“ green”}]]; varbox = [{color_id：5，名称：4，值：40} {color_id：5，名称：5，值：50} {color_id：...

Answer 1

您可以将.filter()和.each()一起使用

Answer 2

使用Javascript：