Задать вопрос
@SergeiB
javascript

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

Есть массив с определёнными данными:
var markers = [...];
Я его копирую и добавляю новое значение для каждого элемента:
var nearMarkers = markers.slice();
nearMarkers.forEach(function(marker) {
  marker.distance = someValue;
});

В результате это значение появляется и в исходном массиве. Почему так происходит? Как сделать независимую копию?
  • Вопрос задан
  • 316 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Потому что вы копируете массив, но не копируете вложенные объекты. Новый массив получает ссылки на те же объекты.

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 }));
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Разработать формирование УПД на Java
20 апр. 2024, в 00:28
20000 руб./за проект
Ещё заказы