What is shallow cloning with the spread operator in JavaScript?

What is shallow cloning with the spread operator in JavaScript?

Shallow cloning with the spread operator allows you to create a new object or array by copying properties or elements from an existing one.

Can you show me an example of how to use the spread operator for shallow cloning?

Sure! For an object: const obj = { a: 1, b: 2 }; const clone = { ...obj }; For an array: const arr = [1, 2, 3]; const cloneArr = [...arr];

What happens if I modify a nested object in the cloned object?

Since it's a shallow clone, modifying a nested object will affect the original object. Only the top-level properties are cloned.

How can I perform a deep clone instead?

To perform a deep clone, you can use JSON.parse(JSON.stringify(obj)) or libraries like Lodash's cloneDeep.