शैलो कॉपी आणि डीप कॉपी यांत्रित काय फरक आहे?

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 मध्ये जेथे आपण स्थितीचे उत्परिवर्तन करू नये.

स्प्रेड ठीक आहे जेव्हा आप केवळ शीर्ष-स्तरीय फील्ड बदलता, परंतु नेस्टेड अपडेटसाठी आपण नेस्टेड स्तर देखील कॉपी केले पाहिजे (`{ ...obj, address: { ...obj.address, city } }`) किंवा खोल क्लोन करा.