Поверхностная копия ({...obj}, Object.assign, [...arr], slice) копирует только верхний уровень — вложенные объекты общие. Глубокая — structuredClone(obj) (встроенная, сохраняет Date, Map, Set, циклические ссылки). JSON-трюк теряет функции, undefined, Date и падает на циклах.
А ещё Immer позволяет «мутировать» черновик и получить неизменяемую копию
Так подсказку видит пользователь sotto на живом собеседовании — за пару секунд, пока вы думаете вслух.
Когда достаточно поверхностной копии: в иммутабельном стиле, где вложенные объекты тоже не меняются, а заменяются. Обновление React- состояния копирует только путь до изменённого поля.
Глубокая копия через JSON:
sottoundefined пропадают;Date становится строкой, Map и Set — пустыми объектами;NaN и Infinity становятся null;structuredClone (во всех современных браузерах и Node 17+) решает эти проблемы, но объект теряет класс — получается обычный объект.
const user = { name: "Аня", address: { city: "Казань" } };
const shallow = { ...user };
shallow.address.city = "Сочи";
user.address.city; // "Сочи" — вложенный объект общий
const deep = structuredClone(user);
deep.address.city = "Омск";
user.address.city; // "Сочи" — не изменился
const updated = { ...user, address: { ...user.address, city: "Пермь" } };sotto слышит вопрос интервьюера и показывает короткий ответ и план, как в блоке «Коротко». Оставьте контакт — пришлём доступ и промокод.