Метод map
принимает callback-функцию, которая принимает 3 аргумента (подробнее о них в документации по Array.prototype.map на MDN), первый из которых содержит текущий обрабатываемый элемент.
Чтобы не модифицировать исходный объект, нужно создать новый, и скопировать в него все свойства исходного. А затем записать в него нужные свойства и вернуть, используя return
.
В этом случае newMoviesArray
будет содержать объекты с добавленными свойствами, а объекты в this.movies не будут изменены.
var newMoviesArray = this.movies.map(function(current) {
let movie = Object.assign({}, current);
movie.like = true;
movie.seen = true;
movie.showDescription = true;
return movie;
});
Если вам всё таки нужно изменить объекты в this.movies, можно записать свойства прямо в current
this.movies.map(function(current) {
current.like = true;
current.seen = true;
current.showDescription = true;
});
Нужно заметить, что, поскольку объекты в JavaScript передаются по ссылке, объект, содержащий другие объекты или массивы, не будет скопирован корректно.
Например
let movie = {
movie: "Мстители",
actors: ["Роберт Дауни-младший"]
}
let copy = Object.assign({}, movie);
copy.actors.push("Крис Эванс");
console.log(copy.actors); // выведет ["Роберт Дауни-младший", "Крис Эванс"]
console.log(movie.actors); // выведет ["Роберт Дауни-младший", "Крис Эванс"]
Фактически это один массив, потому что в объект copy
была скопирована только ссылка на массив, но не сам массив. То есть оба объекта ссылаются на один массив. Учтите это, если нужно копировать объект, который содержит другие объекты
this.movies.map((movie) => { return { like: true, seen: true}})
, в результате будет возвращен новый объект содержащий указанные поля