How can I merge two objects in JavaScript?

How can I merge two objects in JavaScript?

You can use the Object.assign() method or the spread operator to merge objects. Which one would you like to know more about?

Can you show me an example using the spread operator?

Sure! Here's an example:

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = { ...obj1, ...obj2 };
console.log(merged); // { a: 1, b: 3, c: 4 }

This merges obj1 and obj2, with obj2's properties overwriting obj1's where they overlap.

What happens if there are properties with the same name?

In that case, the properties from the second object will overwrite those from the first object. For example, in the previous example, the property 'b' from obj2 overwrites 'b' from obj1.

Are there any other methods to merge objects?

Yes, you can also use libraries like Lodash, which has a _.merge() function that deeply merges objects.