Как создать копию массива в JavaScript, а не ссылку на него?

Проблема: ссылки, а не копии

В JavaScript массивы и объекты передаются по ссылке. Когда вы пишете let copy = original, вы просто создаёте новую переменную, указывающую на тот же участок памяти. Чтобы создать независимую копию, нужно использовать методы копирования.

Поверхностное копирование (shallow copy)

Для одномерных массивов с примитивными значениями (числа, строки, булевы) подходят:

• Array.slice() — let copy = original.slice();
• spread-оператор — let copy = [...original];
• Array.from() — let copy = Array.from(original);
• concat() — let copy = [].concat(original);

Пример:

let arr = [1, 2, 3];
let copy = [...arr];
copy.push(4);
console.log(arr); // [1, 2, 3] — оригинал не изменился

Важно: Все эти методы делают поверхностную копию. Если массив содержит объекты или вложенные массивы, копируются ссылки на них. Поэтому изменения во вложенных структурах затронут оригинал.

Глубокое копирование (deep copy)

Для полной независимости нужно рекурсивно скопировать все уровни вложенности. Вот основные способы:

1. JSON.parse + JSON.stringify (простой, но с ограничениями)

let original = [{a: 1, b: {c: 2}}];
let deepCopy = JSON.parse(JSON.stringify(original));

deepCopy[0].b.c = 999;
console.log(original[0].b.c); // 2 — не изменилось!

Минусы: Не копирует функции, undefined, символы, даты (превращает в строки), не работает с циклическими ссылками.

2. Рекурсивная функция (полный контроль)

function deepClone(obj) {
  if (obj === null || typeof obj !== 'object') return obj;
  if (obj instanceof Date) return new Date(obj);
  if (obj instanceof Array) {
    return obj.map(item => deepClone(item));
  }
  if (obj instanceof Object) {
    let cloned = {};
    for (let key in obj) {
      if (obj.hasOwnProperty(key)) {
        cloned[key] = deepClone(obj[key]);
      }
    }
    return cloned;
  }
}

let nested = [[1, 2], {x: 10}];
let cloned = deepClone(nested);
cloned[0].push(5);
console.log(nested[0]); // [1, 2] — оригинал не тронут

3. structuredClone (современный браузерный API)

let original = [{a: 1, b: new Date()}];
let copy = structuredClone(original);
copy[0].a = 100;
console.log(original[0].a); // 1

Поддерживается в современных браузерах и Node.js 17+. Копирует большинство типов, включая даты, Map, Set, но не функции и DOM-узлы.

Итог

• Для простых массивов — slice() или spread.
• Для вложенных структур — JSON.parse(JSON.stringify()) (если нет спецтипов) или structuredClone.
• Для полного контроля — напишите свою рекурсивную функцию.

Выбирайте метод под конкретную задачу, чтобы избежать неожиданных мутаций исходных данных.

import _ from 'lodash';
let original = [{a: 1, b: {c: 2}}];
let deepCopy = _.cloneDeep(original);