Merge multiple objects inside the same array into one object [duplicate]

by

If your environment supports Object.assign, then you can do the same in a succinct way like this

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 solution:

You can use Array.prototype.reduce like this

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 }

This solution, simply gathers all the keys and their values in every object in the result, which is finally returned to us as the result.

This check

if (currentObject.hasOwnProperty(key)) {

is necessary to make sure that we are not including all the inherited enumerable properties in the result.

More Related Contents:

  1. How to get all the values associated with an object in array?
  2. How to remove all duplicates from an array of objects?
  3. Group array of object nesting some of the keys with specific names
  4. Remove array element based on object property
  5. Sum similar keys in an array of objects
  6. Sort array of objects by single key with date value
  7. How to add an object to an array
  8. Add property to an array of objects
  9. How to update an “array of objects” with Firestore?
  10. Find and remove objects in an array based on a key value in JavaScript
  11. How can I get the index of an object by its property in JavaScript?
  12. Why Array.indexOf doesn’t find identical looking objects
  13. Javascript: how to dynamically create nested objects using object names given by an array
  14. What is the performance of Objects/Arrays in JavaScript? (specifically for Google V8)
  15. Why do empty JavaScript arrays evaluate to true in conditional structures?
  16. Using jQuery to compare two arrays of Javascript objects
  17. Create an empty object in JavaScript with {} or new Object()?
  18. How do I remove an object from an array with JavaScript? [duplicate]
  19. Javascript group objects by property [closed]
  20. break array of objects into separate arrays based on a property
  21. Getting index of an array’s element based on its properties
  22. Push Object in Array [duplicate]
  23. Uncaught TypeError: Object.values is not a function JavaScript
  24. JavaScript: Remove duplicates of objects sharing same property value
  25. Filtering array of objects by searching nested object properties
  26. traversing through JSON string to inner levels using recursive function
  27. Recursive depth function on an array
  28. Combining two arrays to form a javascript object
  29. Declaring array of objects
  30. Node.js – console.log does not show items in array but instead shows [Object]

Leave a Comment