Как объединить массивы, содержащие объекты?

Question

[Сергей]

Массив 1:

var arr1 = [{
  "title": "Париж"
}, {
  "title": "Рим"
}];

Массив 2:

var arr2 = [{
  "color": "#000"
}];

Как объединить оба массива в один с таким результатом?

var arr = [{
  "title": "Париж",
  "color": "#000"
}, {
  "title": "Рим",
  "color": "#000"
}];

Comments

[Александр Манаков]

А если будет

var arr2 = [
{  "color": "#000" },
{  "color": "#fff" },
];

То результат каким должен быть?

[Сергей]

Если бы второй массив содержал 2 объекта, предполагаю, что результат должен был быть таким:

var arr = [{
  "title": "Париж",
  "color": "#000"
}, {
  "title": "Рим",
  "color": "#fff"
}];

Но конкретно в моём случае там всегда будет один объект. Впрочем, буду благодарен, если подскажете, как это сделать и в такой ситуации.

[Александр]

Если минимизировать запись
arr1.map((i,n)=>({...i,...arr2[n]}));

Answer 1

[Александр]

for (i in arr1){arr1[i].color = arr2[0].color}
так как у вас только 1 элемент в массиве цветов.

arr = new Array();
for(i in arr1){arr[i] = Object.assign({},arr1[i],arr2[i])}