javascript - 比较和合并两个对象数组

Question

我有两个对象数组(arr1 和 arr2)。我想从 arr1 中选择对象，其中 arr1.id == arr2.typeId 并添加到结果 arr2.Price

var arr1 =
[{"id":20,"name":"name1"},
{"id":24,"name":"name2"},
{"id":25,"name":"name3"},
{"id":28,"name":"name4"},
{"id":29,"name":"name5"}]


var arr2 = 
[{"typeId":20,"Price":500},
{"typeId":24,"Price":1100},
{"typeId":28,"Price":1000}]

如何获得以下内容？

var result = 
[{"item":{"id":20,"name":"name1"}, "price":"500"}},
{{"item":{"id":24,"name":"name2"}, "price":"1100"},
{{"item":{"id":28,"name":"name4"}, "price":"1000"}]


var result = arr1.filter(function(obj1){
                        return arr2.some(function(obj2){
                            return obj1.id === obj2.typeId;
                        });
                    })

Answer 1

您可以在 arr2 上使用 reduce()，然后使用 find() 检查 arr1 中是否存在具有相同 id 的对象。

var arr1 =
[{"id":20,"name":"name1"},
{"id":24,"name":"name2"},
{"id":25,"name":"name3"},
{"id":28,"name":"name4"},
{"id":29,"name":"name5"}]

var arr2 = 
[{"typeId":20,"Price":500},
{"typeId":24,"Price":1100},
{"typeId":28,"Price":1000}]

var result = arr2.reduce(function(r, e) {
  var c = arr1.find(a => e.typeId == a.id)
  if(c) r.push({item: c, price: e.Price})
  return r
}, [])

console.log(result)