उथले प्रतिलिपि र गहिरो प्रतिलिपि मध्ये के फरक छ?

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 मा जहाँ तपाईले अवस्था परिवर्तन गर्न सक्नुहुन्न।

Spread ठीक छ जब तपाईले केवल शीर्ष-स्तरीय क्षेत्रहरू परिवर्तन गर्नुहुन्छ, तर नेस्टेड अपडेटहरूको लागि तपाईले नेस्टेड स्तर पनि प्रतिलिपि गर्न आवश्यक छ (`{ ...obj, address: { ...obj.address, city } }`) वा गहिरो क्लोन गर्नुहोस्।