What is shallow copying in JavaScript?

What is shallow copying in JavaScript?

Shallow copying in JavaScript means creating a new object that is a copy of an existing object, but only at the first level. Nested objects are still referenced.

How can I create a shallow copy of an object?

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

What happens to nested objects in a shallow copy?

In a shallow copy, nested objects are not duplicated; instead, they are referenced. Changes to nested objects in the copy will affect the original.

Can you give me an example of shallow copying?

Sure! Here's an example:

const original = { a: 1, b: { c: 2 } };
const shallowCopy = { ...original };
shallowCopy.b.c = 3;
console.log(original.b.c); // Outputs 3, showing it's a reference.