Загрузка...

Продолжая работу с платформой, вы принимаете условия Политики конфиденциальности и использование файлов cookie.

👋 Привет! Я Дастан, автор Hack Frontend. Всегда рад профессиональному нетворкингу => добавляйся в LinkedIn.

Копирование объектов в JavaScript: shallow vs deep copy

В JavaScript копирование объекта может быть:

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

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

const obj = { name: "Alice", age: 25 };
const copy = { ...obj };

const obj = { name: "Bob" };
const copy = Object.assign({}, obj);

const original = { user: { name: "Tom" } };
const deepCopy = JSON.parse(JSON.stringify(original));

const deepCopy = structuredClone(obj);

import cloneDeep from 'lodash/cloneDeep';

const deepCopy = cloneDeep(obj);

Важно:

Простое копирование по ссылке (const copy = obj) не создаёт новый объект — это ссылка на тот же самый объект в памяти.

Дальше