ਮੋਟੀ ਅਤੇ ਡੂੰਘੀ ਕਾਪੀ ਵਿਚ ਕੀ ਅੰਤਰ ਹੈ?

Question

Accepted Answer

ਆਬਜੈਕਟ **ਹਵਾਲੇ ਦੁਆਰਾ** ਨਿਰਧਾਰਤ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਇਸ ਲਈ `b = a` ਕਾਪੀ ਨਹੀਂ ਕਰਦਾ — ਦੋਨੋਂ ਉਸੇ ਆਬਜੈਕਟ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰਦੇ ਹਨ। **ਮੋਟੀ** ਕਾਪੀ ਸਿਖਰ ਦੀ ਪੱਧਰ ਨੂੰ ਡੁਪਲੀਕੇਟ ਕਰਦੀ ਹੈ ਪਰ ਨੇਸਟਡ ਹਵਾਲਿਆਂ ਨੂੰ ਸਾਂਝਾ ਕਰਦੀ ਹੈ; **ਡੂੰਘੀ** ਕਾਪੀ ਸਭ ਕੁਝ ਡੁਪਲੀਕੇਟ ਕਰਦੀ ਹੈ, ਪੂਰੀ ਤਰ੍ਹਾਂ ਸੁਤੰਤਰ।

```js
const original = { name: "Ann", address: { city: "NY" } };

// shallow copy: spread / Object.assign
const shallow = { ...original };
shallow.name = "Bob";            // ✅ independent (top-level primitive)
shallow.address.city = "LA";     // ⚠️ ALSO changes original.address.city — shared!

original.address.city; // "LA"  ← mutated through the shallow copy
```

`address` ਆਬਜੈਕਟ ਦੋਨੋਂ ਵਿੱਚ **ਇਕੋ ਜਿਹਾ ਹਵਾਲਾ** ਹੈ, ਇਸ ਲਈ ਇਸ ਨੂੰ ਮਿউਟ ਕਰਨ ਨਾਲ ਦੋਨੋਂ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ।

## ਡੂੰਘੀ ਕਾਪੀ ਬਣਾਉਣਾ

```js
const deep = structuredClone(original); // modern, built-in, handles most types
deep.address.city = "Chicago";          // ✅ original is untouched
```

ਹੋਰ ਵਿਕਲਪ ਅਤੇ ਉਹਨਾਂ ਦੀਆਂ ਸਸ਼ਰਤਾਵਾਂ:

```js
JSON.parse(JSON.stringify(obj)); // simple, but LOSES functions, Dates → strings, undefined
// lodash: _.cloneDeep(obj)       // robust, for complex cases
```

## ਇਹ ਮਹੱਤਵਪੂਰਨ ਕਿਉਂ ਹੈ

ਇਹ "ਮੇਰੀ ਸਥਿਤੀ ਅਨੁਮਾਨਿਤ ਰੂਪ ਵਿੱਚ ਕਿਉਂ ਬਦਲ ਗਈ?" ਬੱਗਾਂ ਦਾ ਸਿਖਰ ਸਰੋਤ ਹੈ, ਵਿਸ਼ੇਸ਼ ਤੌਰ ਤੇ React/Redux ਵਿੱਚ ਜਿੱਥੇ ਤੁਹਾਨੂੰ state ਨੂੰ mutate ਨਹੀਂ ਕਰਨਾ ਚਾਹੀਦਾ।

Spread ਠੀਕ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਸਿਰਫ ਸਿਖਰ-ਪੱਧਰ ਦੇ ਖੇਤਰਾਂ ਨੂੰ ਬਦਲਦੇ ਹੋ, ਪਰ nesting ਕਰਦੇ ਸਮੇਂ ਤੁਹਾਨੂੰ nesting ਪੱਧਰ ਦੀ ਕਾਪੀ ਵੀ ਕਰਨੀ ਪਵੇਗੀ (`{ ...obj, address: { ...obj.address, city } }`) ਜਾਂ ਡੂੰਘਾ ਕਲੋਨ ਕਰਨਾ ਪਵੇਗਾ।