Mi a különbség a sekély és a mély másolat között?

Question

Accepted Answer

Az objektumok **hivatkozás alapján** kerülnek hozzárendelésre, így a `b = a` nem másol — mindkettő ugyanarra az objektumra mutat. A **sekély** másolat csak a felső szintet duplikálja, de megosztja a beágyazott hivatkozásokat; a **mély** másolat mindent duplikál, teljesen független.

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

A beágyazott `address` objektum **ugyanaz a hivatkozás** mindkettőben, ezért az mutálása mindkettőt érinti.

## Mély másolat készítése

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

Egyéb lehetőségek és azok figyelmeztetései:

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

## Miért fontos ez

Ez egy vezető forrása a "miért változott meg váratlanul az állapotom?" típusú hibáknak, különösen a React/Redux-ban, ahol nem szabad az állapotot mutálnia.

A spread jó, ha csak felső szintű mezőket módosít, de beágyazott frissítésekhez a beágyazott szintet is másolnia kell (`{ ...obj, address: { ...obj.address, city } }`) vagy mély klónt kell készítenie.