How to Merge Two Objects in JavaScript

Learn how to merge two JavaScript objects and create a new object that combines their properties.

Introduced in ES6 in 2015, the spread operator is a powerful way to merge two simple objects into one:

const object1 = {
  name: 'Flavio'
}

const object2 = {
  age: 35
}

const object3 = {...object1, ...object2 }

If both objects contain a property with the same name, the second object’s property overwrites the first.

However, for more complex merge operations, the best solution is to use Lodash, a popular JavaScript utility library. Lodash provides a merge() method that performs a deep merge, recursively merging object properties and arrays.

For detailed documentation on the merge() method, you can visit the official Lodash website.

tags: [“JavaScript”, “merge objects”, “spread operator”, “Lodash”]