શેલો અને ડીપ કપી વચ્ચે શું તફાવત છે?

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
```

## આ શા માટે મહત્વપૂર્ણ છે

Yह એક અગ્રણી સ્ત્રોત છે "શા માટે મારું સ્ટેટ અચાનક બદલાઈ ગયું?" બગ્સ માટે, ખાસ કરીને React/Redux માં જ્યાં તમે સ્ટેટને મ્યુટેટ કરવું જોઈએ નહીં.

Std તેમ જ છે જ્યારે તમે ફક્ત ટોપ-લેવલ ફીલ્ડ્સ બદલો છો, પરંતુ નેસ્ટેડ અપડેટ્સ માટે તમે નેસ્ટેડ લેવલને પણ કપી કરવું જોઈએ (`{ ...obj, address: { ...obj.address, city } }`) અથવા ડીપ ક્લોન કરો.