What are some examples of using the object spread operator in JavaScript?

Can you explain the object spread operator in JavaScript?

Sure! The object spread operator, denoted by ..., allows you to copy properties from one object to another. It’s a concise way to merge objects or create shallow copies.

Can you give me some examples of how to use it?

Absolutely! Here’s a simple example:

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

This merges obj1 into obj2 and adds a new property c.

What about merging two objects?

You can merge two objects like this:

const objA = { x: 1, y: 2 };
const objB = { y: 3, z: 4 };
const merged = { ...objA, ...objB };
console.log(merged); // { x: 1, y: 3, z: 4 }

Notice that the property y from objB overwrites the one from objA.

Are there any limitations to the spread operator?

Yes, the spread operator creates a shallow copy of the object. This means that nested objects are still referenced, not copied. If you modify a nested object, it will affect the original.