В массиве меняется весь массив с объектами?

Question

[TERRAN47]

https://codepen.io/anon/pen/QQamjX
там же описание в css
Задача поменять timeStart на true в указаном времени в массиве из объектов attr
время указывается в time

а получается меняет во всем массиве
вот пример->

заработает если на 10ой стороке
передать на прямую массив но мне так не пойдет массив с редакса получаю

grafik.forEach((elem)=>{
elem.attr = [{"title":"Хамам", "time":"1 час 30 мин", "timeStart":false, "free":true},{"title":"Сауна", "time":"1 час 30 мин", "timeStart":false, "free":true}]
})

Answer 1

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

Вы передаете ссылку на один и тот же массив всем элементам массива graffik:

grafik.forEach(elem => {
  elem.attr = attr; 
});

Когда передаете напрямую, срабатывает именно потому, что каждый раз создаете новый массив с новыми объектами.

Вам надо передавать копии массива с копиями вложенных объектов. Сделать это можно так:

grafik.forEach(elem => {
  elem.attr = attr.map(el => ({ ...el }));
});

Либо, если не используете spread оператор:

grafik.forEach(elem => {
  elem.attr = attr.map(el => Object.assign({}, el));
});

Comments

[TERRAN47]

Благодарю за грамотный ответ!

[Максим]

TERRAN47, не забудьте отметить решением