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

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

The object spread operator allows you to copy properties from one object to another. For example:

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

Can I use it to merge two objects?

Yes, you can merge two objects using the spread operator. For instance:

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 }

What happens if there are overlapping properties?

In case of overlapping properties, the last one will take precedence. In the previous example, y from objB overwrites y from objA.

Are there any performance considerations?

Using the spread operator is generally efficient, but for very large objects, it may have performance implications due to the creation of new objects.