Можно ли глубоко скопировать объект через JSON.parse(JSON.stringify(...))? Какие у этого способа ограничения?

Как работает JSON.parse(JSON.stringify(...))

Этот способ глубокого копирования использует сериализацию объекта в JSON-строку и последующее её парсинг в новый объект. Он прост в использовании и подходит для большинства простых структур данных.

Ограничения метода

• Функции и undefined: Свойства, содержащие функции или undefined, теряются.
• Symbol: Свойства с ключами-символами игнорируются.
• Специальные числовые значения: NaN, Infinity, -Infinity преобразуются в null.
• Циклические ссылки: Выбрасывается ошибка TypeError.
• Встроенные объекты: Date становится строкой, Map, Set, RegExp, Error, Blob и другие преобразуются в пустые объекты.

Пример кода

const original = {
  name: 'Alice',
  age: 30,
  nested: { arr: [1, 2, NaN] },
  method: () => console.log('hi'),
  date: new Date(),
  undef: undefined
};

const copy = JSON.parse(JSON.stringify(original));
console.log(copy);
// { name: 'Alice', age: 30, nested: { arr: [1, 2, null] }, date: '2023-...', undef: undefined }

Вывод

Метод подходит для простых объектов без функций, циклических ссылок и специальных типов. Для более сложных случаев используйте библиотеки (lodash.cloneDeep) или рекурсивную реализацию с проверками.