Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про JavaScript: copy, deep, algo

Как реализовать глубокое копирование объекта без использования JSON.stringify и StructuredClone? Какие сложности могут возникнуть?

Этот вопрос проверяет понимание структур данных в JavaScript и умение реализовывать алгоритмы для их обхода и обработки.

Короткий ответ

Глубокое копирование можно реализовать с помощью рекурсивной функции, которая вручную создает новый объект или массив и копирует все его свойства. Для каждого свойства, если оно является объектом, функция вызывает сама себя. Основные сложности: обработка циклических ссылок (когда объект ссылается сам на себя), копирование специальных объектов (как Date, Map, Set) и поддержка различных типов данных.

Длинный ответ

Реализация глубокого копирования "вручную" требует тщательного обхода всех свойств исходного объекта и правильного копирования каждого значения.

Базовая реализация рекурсивной функции:

function deepClone(value, visited = new WeakMap()) {
  // 1. Обработка примитивов и null/undefined
  if (value === null || typeof value !== 'object') {
    return value;
  }

  // 2. Обработка циклических ссылок
  if (visited.has(value)) {
    return visited.get(value);
  }

  // 3. Обработка специальных встроенных объектов
  if (value instanceof Date) {
    return new Date(value);
  }
  if (value instanceof Map) {
    const copy = new Map();
    visited.set(value, copy);
    value.forEach((val, key) => {
      copy.set(key, deepClone(val, visited));
    });
    return copy;
  }
  // Аналогично для Set, RegExp и других...

  // 4. Обработка массивов и обычных объектов
  const copy = Array.isArray(value) ? [] : {};
  visited.set(value, copy); // Сохраняем копию для проверки циклических ссылок

  // Рекурсивное копирование всех свойств
  for (let key in value) {
    if (value.hasOwnProperty(key)) {
      copy[key] = deepClone(value[key], visited);
    }
  }

  return copy;
}

Сложности, которые могут возникнуть:

  1. Циклические ссылки: Если объект A ссылается на объект B, а B ссылается на A, наивная рекурсивная функция войдет в бесконечный цикл и вызовет переполнение стека. Для решения этой проблемы используется структура данных WeakMap для запоминания уже скопированных объектов.

  2. "Хрупкие" объекты: Некоторые объекты, like Date, Map, Set, RegExp, при простом копировании свойств потеряют свою внутреннюю структуру и функциональность. Их нужно создавать заново с помощью их конструкторов.

  3. Производительность: Рекурсивный обход больших и сложных объектов может быть медленным.

  4. Неперечислимые свойства и геттеры/сеттеры: Базовая реализация с for...in копирует только enumerable-свойства. Она не копирует дескрипторы свойств (getters/setters) или свойства из цепочки прототипов.

Вывод:
Ручная реализация полезна для понимания механизмов языка, но в продакшене лучше использовать встроенные методы (StructuredClone) или проверенные библиотеки (например, lodash.cloneDeep), которые уже решают все эти сложности.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    1

  • Сложность:

    9

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#copy

#deep

#algo

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию