Как с использованием map модифицировать массив с объектами?

Question

[rd100]

Как с использованием map модифицировать наш массив с объектами?
С reduce трансформирует, а с map и filter получается вернуть только новый массив, когда хочется модифицировать входящий.
https://jsfiddle.net/roahtxg8/1/

И почему нельзя использовать {age}?

function doubleAge(arr) {
	return arr.map( {age} => age * 2);
}

Методы массивов map(), filter() и reduce() позволяют трансформировать массивы

Answer 1

[Сергей Соколов]

map() возвращает новый массив.
Хочется заменить текущий — присвоить новое значение arr = arr.map( ... )

И почему нельзя использовать {age}?

Потому, что map() заменяет элемент массива на возвращаемое значение. Что вернули, то будет в новом массиве лежать. Взяли объект, вернули только поле возраста, удвоенное. Т.е. получили массив удвоенных возрастов, а имена потерялись.

Comments

[WbICHA]

Потому, что map() заменяет элемент массива...

Не, он явно о другом. У него синтаксическая ошибка, деструктуризация без круглых скобок.

[rd100]

А как мне вернуть объект в котором я хочу что-то изменить не присвоением, а через вычисления используя его изначальное значение?

[rd100]

Почему в данном случае присвоение аргумента не ссылается на наш массив из вне?
Как у sort и reduce получается его изменить?
А точнее, как мне его так же изменить внутри функции без указания названия переменной из вне, а ссылаясь только на аргумент?
https://jsfiddle.net/gc40estv/1/

[Сергей Соколов]

rd100,

let testArr = [
	{name: 'Boris', age:33},
	{name: 'Stephan', age:17},
	{name: 'Jhons', age:29},
	{name: 'Iriska', age:16},
	{name: 'Moon', age:21},
]

function doubleAge(arr) {
	arr.forEach((person) => person.age *= 2);
}

doubleAge(testArr);

console.log(JSON.stringify(testArr));
// [{"name":"Boris","age":66},{"name":"Stephan","age":34}, ...

[Сергей Соколов]

rd100, знаете же, что в JS примитивные типы передаются по значению, а объекты-массивы по ссылке. Т.е. передали в функцию массив, внутри неё можно с этим массивом что-то делать, это отразится на «внешнем».

А вот вытащили из массива-объекта примитив значения age, поменяли его — это так и осталось в Лас-Вегасе.

[rd100]

Сергей Соколов, спасибо
т.е. map и filter нам нужен, если мы не хотим менять массив к которому обращаемся?

[Сергей Соколов]

rd100, смотрите в описании этих методов, что они возвращают. map() и filter() возвращают новый массив. sort() сортирует in-place (на месте), т.е. изменяет исходный массив.

Можно и с помощью map() менять объекты в исходном массиве

function doubleAge(arr) {
  arr.map((person) => person.age *= 2); // эффект тот же,
  // т.к. person объект, переданный по ссылке
}

Возвращаемое map() значение просто не используется. Но это как-то.. неправильно. Семантически неверно — есть же для этого метод forEach()