Почему при изменении копии массива изменяется и исходный массив?

Question

[Сергей]

Есть массив с определёнными данными:
var markers = [...];
Я его копирую и добавляю новое значение для каждого элемента:

var nearMarkers = markers.slice();
nearMarkers.forEach(function(marker) {
  marker.distance = someValue;
});

В результате это значение появляется и в исходном массиве. Почему так происходит? Как сделать независимую копию?

Comments

[Arman]

если marker это объекты, то вы не то копируете. объекты идут по ссылкам, ваш массив хранит лишь ссылки на объекты, при slice вы просто копируете этот список ссылок, но не объекты в них

[Даниил Попов]

a = [3, 5] // Array [ 3, 5 ]
b = a.slice() // Array [ 3, 5 ]
a === b // false

Копируете правильно. Проблема в элементах массива

Answer 1

[Антон Спирин]

Потому что вы копируете массив, но не копируете вложенные объекты. Новый массив получает ссылки на те же объекты.

const nearMarkers = markers.map(obj => ({ ...obj }));

В этом случае ссылки на вложенные объекты в obj сохранятся.

const nearMarkers = JSON.parse(JSON.stringify(markers));

В этом случае все вложенные объекты в obj будут клонированы.

Если используете в коде spread operator, то можете использовать такой вариант:

const nearMarkers = markers.map(marker => ({ ...maker, distance: someValue }));