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

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

Shallow cloning creates a new object but copies references to the original object's properties. Deep cloning copies all properties recursively.

Can you give me an example of shallow cloning?

Sure! You can use Object.assign() or the spread operator {...obj} for shallow cloning.

And how do I perform deep cloning?

For deep cloning, you can use JSON.parse(JSON.stringify(obj)) or libraries like Lodash's _.cloneDeep().

Are there any drawbacks to using JSON for deep cloning?

Yes, using JSON methods won't clone functions, undefined, or symbols, and it can lead to performance issues with large objects.