How do I merge nested objects in JavaScript?

How do I merge nested objects in JavaScript?

You can use the Object.assign() method or the spread operator to merge nested objects. Would you like an example?

Yes, please provide an example using the spread operator.

Sure! Here's an example:

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

This will merge the nested properties as well.

What if I have more than two objects to merge?

You can still use the spread operator. Just spread all the objects you want to merge. For example:

const obj3 = { f: 5 };
const mergedAll = { ...obj1, ...obj2, ...obj3, b: { ...obj1.b, ...obj2.b } };
console.log(mergedAll);