Свести массив с объектами в 1 объект

Question

Данный вход:

[{ a: 1 }, { b: 2 }, { c: 3 }] 

Как вернуть:

{ a: 1, b: 2, c: 3 } 

Для массивов it's not a problem с lodash, но здесь мы имеем массив объектов.

Answer 1

Использование Object.assign:

let merged = Object.assign(...arr); // ES6 (2015) syntax 

var merged = Object.assign.apply(Object, arr); // ES5 syntax 

Обратите внимание, что Object.assign еще не реализована во многих среде, и вы, возможно, потребуется polyfill его (либо с колонкового JS, другой polyfill или с помощью polyfill на MDN).

Вы упомянули lodash, так что стоит отметить, это идет с _.assign функции для этой цели, что делает то же самое:

var merged = _.assign.apply(_, [{ a: 1 }, { b: 2 }, { c: 3 }]); 

Но я действительно рекомендую новый стандартный путь библиотеки.

Answer 2

Вот версия не использует методы ES6 ...

var arr = [{ a: 1 }, { b: 2 }, { c: 3 }]; 
var obj = {}; 

for(var i = 0; i < arr.length; i++) { 
    var o = arr[i]; 
    for(var key in o) { 
     if(typeof o[key] != 'function'){ 
      obj[key] = o[key]; 
     } 
    } 
} 

console.log(obj); 

скрипку: http://jsfiddle.net/yaw3wbb8/

Answer 3

Вы можете использовать функцию underscore.extend так:

var _ = require('underscore'); 
var a = [{ a: 1 }, { b: 2 }, { c: 3 }]; 

var result = _.extend.apply(null, a); 
console.log(result); // { a: 1, b: 2, c: 3 } 
console.log(a); // [ { a: 1, b: 2, c: 3 }, { b: 2 }, { c: 3 } ] 

---

И для предотвращения изменения исходного массива вы должны использовать

var _ = require('underscore'); 
var a = [{ a: 1 }, { b: 2 }, { c: 3 }]; 

var result = _.extend.apply(null, [{}].concat(a)); 
console.log(result); // { a: 1, b: 2, c: 3 } 
console.log(a); // [ { a: 1 }, { b: 2 }, { c: 3 } ] 

Here can test it

Answer 4

У меня аккуратное решения не требующее polyfill.

var arr = [{ a: 1 }, { b: 2 }, { c: 3 }]; 
var object = {}; 

arr.map(function(obj){ 
    var prop = Object.getOwnPropertyNames(obj); 
    object[prop] = obj[prop]; 
}); 

Надежда, что помогает :)

Answer 5

С lodash, вы можете использовать merge():

var arr = [ { a: 1 }, { b: 2 }, { c: 3 } ]; 
_.merge.apply(null, [{}].concat(arr)); 
// → { a: 1, b: 2, c: 3 } 

Если вы делаете это в нескольких местах, вы можете сделать merge() немного более элегантным путем используя partial() и :

var merge = _.spread(_.partial(_.merge, {})); 
merge(arr); 
// → { a: 1, b: 2, c: 3 }