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

Поверхностное копирование (shallow copy) создает новый объект, который копирует ссылки на вложенные элементы оригинала. При изменении вложенных объектов в копии, изменения отразятся и в оригинале, так как они ссылаются на одни и те же данные.

Пример с объектом:

const original = { a: 1, b: { c: 2 } };
const shallowCopy = { ...original }; // или Object.assign({}, original)

shallowCopy.b.c = 3;
console.log(original.b.c); // 3 - изменилось и в оригинале

Пример с массивом:

const arr = [1, [2, 3]];
const shallowArrCopy = [...arr];

shallowArrCopy[1][0] = 99;
console.log(arr[1][0]); // 99 - оригинальный массив тоже изменился

Для полного копирования нужно использовать глубокое копирование (deep copy).