What are some examples of shallow copy in JavaScript?

Can you explain what a shallow copy is in JavaScript?

A shallow copy creates a new object that is a copy of the original object, but it only copies the references to nested objects.

What are some methods to create a shallow copy?

You can use methods like Object.assign(), the spread operator (...), or Array.prototype.slice() for arrays.

Can you show me an example using the spread operator?

Sure! Here's an example:

const original = { a: 1, b: { c: 2 } };
const shallowCopy = { ...original };

In this case, shallowCopy has the same properties as original, but the nested object b is still a reference.

What happens if I modify the nested object in the shallow copy?

If you modify the nested object in the shallow copy, it will also affect the original object because they both reference the same nested object.