javascript - 合并2个数组的对象

Question

让我们看一个例子。

let arr1 = [{image: "some_image_url_1.png"}, {image: "some_image_url_2.png"}]

let arr2 = [{value: "某个值 1"}, {value: "某个值 2"}]

我需要合并这两个对象数组并创建以下数组。

let result = [{image: "some_image_url_1.png", value: "some value 1"},
{图片:“some_image_url_2.png”，值:“某个值2”}]

有什么解决方案可以用 Angular 2 做到这一点吗？也许用lodash？

Answer 1

要从现有数组生成新数组，您可以使用map():

let arr1 = [{image: "some_image_url_1.png"}, {image: "some_image_url_2.png"}]

let arr2 = [{value: "some value 1"}, {value: "some value 2"}]

let result = arr1.map(function(i, idx){
  var obj = {};
  obj.image = i.image; 
  obj.value = arr2[idx].value;
  return obj;
});

console.log(result)

[{image: "some_image_url_1.png", value: "some value 1"},
{image: "some_image_url_2.png", value: "some value 2"}]