What is the difference between shallow copy and deep copy in JavaScript?

What is the difference between shallow copy and deep copy in JavaScript?

In JavaScript, a shallow copy creates a new object but does not clone nested objects, while a deep copy clones all objects recursively.

Can you give me an example of a shallow copy?

Sure! You can create a shallow copy using Object.assign() or the spread operator. For example: const copy = {...originalObject};.

And how do I create a deep copy?

You can create a deep copy using JSON.parse(JSON.stringify(originalObject)), or libraries like Lodash with _.cloneDeep().

Are there any limitations to using JSON for deep copying?

Yes, using JSON methods won't copy functions, undefined, or symbols, and it can also fail with circular references.