Как скопировать объект так, чтобы получить новый экземпляр, а не ссылочную копию?

В JavaScript объекты хранятся по ссылке. Когда вы присваиваете объект новой переменной, обе переменные указывают на один и тот же объект в памяти. Изменение через одну переменную отразится на другой. Чтобы получить независимую копию, нужно явно создать новый объект и скопировать в него свойства.

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

Поверхностная копия создает новый объект, но вложенные объекты и массивы остаются общими. Это подходит, когда объект плоский или вы уверены, что вложенные структуры не будут изменяться.

const original = { name: 'Alice', address: { city: 'NYC' } };
const shallowCopy = { ...original };
shallowCopy.name = 'Bob'; // не влияет на original
shallowCopy.address.city = 'LA'; // влияет на original, так как address общий

Глубокое копирование

Глубокая копия рекурсивно копирует все вложенные объекты и массивы, создавая полностью независимую структуру. Современный способ — structuredClone, который поддерживается во всех современных браузерах и Node.js. Альтернатива — JSON.parse(JSON.stringify(obj)), но она не работает с функциями, undefined, Symbol и циклическими ссылками.

const deepCopy = structuredClone(original);
deepCopy.address.city = 'LA'; // не влияет на original

Когда что использовать

• Для простых объектов без вложенности — spread или Object.assign.
• Для объектов с вложенными структурами, которые могут изменяться — structuredClone.
• Для сериализуемых данных без специальных типов — JSON-метод.

Вывод: правильный выбор метода копирования зависит от структуры объекта и требований к независимости. Для большинства случаев в современном JavaScript используйте structuredClone, чтобы избежать неожиданных мутаций.