რა განსხვავებაა ზედაპირული და ღრმა ასლებს შორის?

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.

Spread კარგია, როცა მხოლოდ ზედა დონის ველებს ცვლით, მაგრამ ჩადგმული განახლებებისთვის თქვენ ასევე უნდა დააკოპიროთ ჩადგმული დონე (`{ ...obj, address: { ...obj.address, city } }`) ან გააკეთოთ ღრმა clone.