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

Question

[Константин]

Пример кода:

let updatedSchools = [
    {name: 'New Gen', country: 'Spain'},
    {name: 'Stanford', country: 'USA'},
    {name: 'Gymnasium Achern', country: 'Germany'}
];

const update = updatedSchools.map((s) => {
    if (s.name === 'New Gen') {
        s.country = "new";
    }

    return s;
});

console.log(updatedSchools);

Почему, если вывести исходный массив updatedSchools в нем также присутствует измененное поле s.country = "new"; так же как и у нового вернувшего массива update.

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

Answer 1

[Alex]

Дело не в map. А в том, что вы изменяете объекты ввнутри массива.

Объекты в JS всегда передаётся по ссылке.
https://learn.javascript.ru/object-copy

Comments

[Константин]

Мой подход правильный? Так map для этого и предназначен - значит всегда мутируется исходный массив? можете привести пример когда нет?

[Alex]

Константин, Ещё раз. Дело не в массиве как таковом. А в объектах. Прочитайте статью по ссылке.

[Tim]

Константин,

const update = updatedSchools.map((s) => {
    if (s.name === 'New Gen') {
        return {...s, country: "new"}
    }

    return s;
});

[Alex]

Tim, Было бы полезно объяснить человеку как работает ваш код и почему =)

[Константин]

Alex, я понял - знаком с этим. тогда в моем случае лучше применить foreach.

[Константин]

Alex, я понимаю как - создается копия. Поэтому не изменяется исходный объект а возвращается новый.

[Константин]

Константин, если мне нужно изменить элемент в массив - что лучше заюзать - обычный forEach или map?

[WbICHA]

Константин, нет, ты ничего не понял. Почитай о ссылках в программировании.

[mirexdoors]

Константин, если вам после изменения необходимо оставить исходный массив, то map, если он будет не нужен, то forEach