How to concatenate properties from multiple JavaScript objects

by

ECMAscript 6 introduced Object.assign() to achieve this natively in Javascript.

The Object.assign() method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object.

MDN documentation on Object.assign()

var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign({}, o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }

Object.assign is supported in many modern browsers but not yet all of them. Use a transpiler like Babel and Traceur to generate backwards-compatible ES5 JavaScript.

More Related Contents:

  1. How to iterate (keys, values) in JavaScript? [duplicate]
  2. Sort a dictionary by value in JavaScript
  3. Count the recurrence of a word
  4. Why don't we use JavaScript objects to store data instead of MySQL or any database? [closed]
  5. How can I access field 1 value from this dictionary by using java script?
  6. Dynamically access object property using variable
  7. Why is null an object and what’s the difference between null and undefined?
  8. How to check if object property exists with a variable holding the property name?
  9. Generic deep diff between two objects
  10. Print content of JavaScript object? [duplicate]
  11. Why do empty JavaScript arrays evaluate to true in conditional structures?
  12. Access JavaScript property case-insensitively?
  13. How do I remove an object from an array with JavaScript? [duplicate]
  14. What is property in hasOwnProperty in JavaScript?
  15. javascript pass object as reference
  16. How can I find the keys of an object?
  17. how to access object property using variable [duplicate]
  18. What is an “internal slot” of an object in JavaScript?
  19. In JavaScript, is chained assignment okay?
  20. ES6 destructuring object assignment function parameter default value
  21. Encoding Javascript Object to Json string
  22. Filtering array of objects by searching nested object properties
  23. Is there any possibility to have JSON.stringify preserve functions?
  24. Dynamic deep setting for a JavaScript object [duplicate]
  25. getting the last item in a javascript object
  26. How to prevent automatic sort of Object numeric property?
  27. Javascript / Chrome – How to copy an object from the webkit inspector as code
  28. How to remove undefined and null values from an object using lodash?
  29. What’s the JavaScript’s Object.prototype behavior?
  30. Dynamically Add Variable Name Value Pairs to JSON Object

Leave a Comment