How do I merge two javascript objects together in ES6+?

by

You will be able to do a shallow merge/extend/assign in ES6 by using Object.assign:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Syntax:

Object.assign(target, sources);

where …sources represents the source object(s).

Example:

var obj1 = {name: 'Daisy', age: 30};
var obj2 = {name: 'Casey'};

Object.assign(obj1, obj2);

console.log(obj1.name === 'Casey' && obj1.age === 30);
// true

More Related Contents:

  1. `export const` vs. `export default` in ES6
  2. Javascript – arrow functions this in event handler?
  3. Array.fill(Array) creates copies by references not by value [duplicate]
  4. Defer execution for ES6 Template Literals
  5. How to import ES6 modules in content script for Chrome Extension
  6. How does this object method definition work without the “function” keyword?
  7. What is the temporal dead zone?
  8. Are ES6 classes just syntactic sugar for the prototypal pattern in Javascript?
  9. ES6 Array destructuring weirdness
  10. Get functions (methods) of a class [duplicate]
  11. Which ECMAScript 6 features imply strict mode?
  12. Proper use of const for defining functions
  13. Typescript export vs. default export
  14. javascript es6 array feature […data, 0] “spread operator”
  15. How to add multiple classes to a ReactJS Component?
  16. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  17. JavaScript ES6: Test for arrow function, built-in function, regular function?
  18. How can I construct a Template String from a regular string? [duplicate]
  19. Javascript: What is the difference between Function and Class
  20. What does the arrow function with a () after means? [duplicate]
  21. Best way to polyfill ES6 features in React app that uses create-react-app
  22. JSON stringify ES6 class property with getter/setter
  23. How to create new instance of an extended class of custom elements
  24. How to loop over object properties with ngFor in Angular
  25. Using ‘let’ as a variable name is not throwing any errors in google v8
  26. Is this a good way to clone an object in ES6?
  27. What are getters and setters for in ECMAScript 6 classes?
  28. “unexpected token import” in Nodejs5 and babel?
  29. ECMA6 generators: yield promise
  30. ES6 – declare a prototype method on a class with an import statement

Leave a Comment