Как работает поверхностное копирование

Поверхностное копирование (shallow copy) создает новый объект, но копирует только ссылки на вложенные объекты, а не сами объекты. При изменении вложенных объектов в копии, изменения отразятся и в оригинале.

Пример с массивом:

const original = [1, 2, { a: 3 }];
const shallowCopy = [...original]; // или Array.from(original)

shallowCopy[0] = 10; // не влияет на оригинал
shallowCopy[2].a = 30; // меняет и оригинал, так как это ссылка на тот же объект

Для объектов:
```javascript
const obj = { x: 1, y: { z: 2 } };
const copy = Object.assign({}, obj); // или {...obj}

copy.x = 10; // оригинал не меняется
copy.y.z = 20; // меняется и в оригинале

Методы поверхностного копирования: spread-оператор, Object.assign(), Array.slice(), Array.from().