将同一数组中的多个对象合并为一个对象

Question

var arrObj = [{a:1, b:2},{c:3, d:4},{e:5, f:6}];

如何将这些合并为一个对象？

//mergedObj = {a:1, b:2, c:3, d:4, e:5, f:6}

- error123456789

---

合并对象的常量mergedObj，使用数组reduce方法将其转换为 ({...r,...c}) 的形式。其中r代表累加器，c代表当前值，最终返回的是合并后的对象。 - sinisterOrange

Object.assign(...arrObj) - super cool

Answer 1

如果您的环境支持 Object.assign，则可以像这样简洁地进行相同操作。

const arrObj = [{a: 1, b: 2}, {c: 3, d: 4}, {e: 5, f: 6}];

console.log(arrObj.reduce(function(result, current) {
  return Object.assign(result, current);
}, {}));

// If you prefer arrow functions, you can make it a one-liner ;-)
console.log(arrObj.reduce(((r, c) => Object.assign(r, c)), {}));

// Thanks Spen from the comments. You can use the spread operator with assign
console.log(Object.assign({}, ...arrObj));

---

ES5 的解决方案：

你可以像这样使用 Array.prototype.reduce

var resultObject = arrObj.reduce(function(result, currentObject) {
    for(var key in currentObject) {
        if (currentObject.hasOwnProperty(key)) {
            result[key] = currentObject[key];
        }
    }
    return result;
}, {});

console.log(resultObject);
# { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }

这个解决方案会将result中每个对象中的所有键和它们的值收集起来，最终以此作为结果返回给我们。

这个检查

if (currentObject.hasOwnProperty(key)) {

需要确保在结果中不包含所有继承的可枚举属性。

- thefourtheye

---

我们可以通过使用Object.assign和apply来完全避免使用reduce。Object.assign.apply( null, objects ); - Spen

或者，使用展开运算符：Object.assign( ...arrObj ) - Spen

@Spen 谢谢。我已经在答案中包含了您的建议。 - thefourtheye

@Spen FYI，“Object.assign(...arrObj)”会改变数组的第一个元素。所以应该写成：“Object.assign({}, ...arrObj)”。 - adiga

Object.assign({}, [{one: 1},{two: 2}, {three:3}])，我发现这很有用，而且对我非常有效。 - Jenuel Ganawed

Answer 2

你可以使用reduce实现一种优雅的解决方案：

arrObj.reduce(function(acc, x) {
    for (var key in x) acc[key] = x[key];
    return acc;
}, {});

请参阅MDN文档的reduce部分以获取更多信息。

- tckmn