Как скопировать объект в JavaScript? / Поверхностное и глубокое копирование

В этом видео обсудим объекты в JavaScript и разберёмся как их копировать. Разберём на практике поверхностное копирование (shallow copy) и глубое копирование (deep clone). Узнаем в чём разница и на что следует обращать внимание. Ну и конечно посмотрим на современный способ копирования объектов.

Содержание:

00:00 Введение
01:15 Про переменные в JS
03:35 Память и объекты
07:34 Сравниваем объекты
08:52 Виды копирования
09:26 Поверхностное копирование (shallow-copy)
10:37 Как сделать поверхностную копию объекта?
15:08 Копирование объекта с помощью Object.assign()
17:26 Глубокое копирование объекта
18:08 Сериализация и десериализация объекта
19:33 JSON.stringify и JSON.parse на практике
22:09 Проверяем результаты копирования с помощью сериализации/десериализации
24:14 А что с вложенным объектом?
24:34 Свойство undefined пропало
25:55 Итоги по stringify / parse
26:49 lodash
28:00 cloneDeep на практике
32:05 Итоги cloneDeep
33:45 structuredClone()
36:11 structuredClone на практике
38:08 Итоги. Когда и что использовать

Полезные ссылки:

* Мой блог в Telegram: https://t.me/antonovjs
* Оператор spread: https://developer.mozilla.org/ru/docs...
* Метод Object.assign: https://developer.mozilla.org/en-US/d...
* Библиотека Lodash: https://lodash.com
* Метод structuredClone: https://developer.mozilla.org/en-US/d...