How do I merge two objects in JavaScript using the spread operator?

How do I merge two objects in JavaScript using the spread operator?

You can merge two objects using the spread operator by creating a new object and spreading the properties of both objects into it. For 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 }

What happens if both objects have the same property?

If both objects have the same property, the value from the second object will overwrite the value from the first object. In the example above, b from obj2 (which is 3) overwrites b from obj1 (which is 2).

Can I merge more than two objects?

Yes, you can merge multiple objects by spreading them all into a new object. For example:

const obj3 = { d: 5 };
const mergedAll = { ...obj1, ...obj2, ...obj3 };
console.log(mergedAll); // { a: 1, b: 3, c: 4, d: 5 }

Is the spread operator the only way to merge objects?

No, there are other ways to merge objects, such as using Object.assign(), but the spread operator is often more concise and easier to read.