Как объяснить такое поведение функции map?

Question

[dpablo_escobarr]

мало опыта в js. И вопрос скорее всего глупый, но все же не нашел информации по этому поводу

let cord = [{x: 0, y: 0, type: 5, active: true}]
console.log(cord)
//x=5
cord.map(elem => elem.x = 5)

console.log(cord)
//x=5

на сколько я знаю, map выдает новый массив, переменную которой нужно приравнивать

Comments

[Алексей Ярков]

map выдает новый массив, переменную которой нужно приравнивать

Что вам помешало это сделать?

[dpablo_escobarr]

Алексей Ярков, ничего не мешает. мне интересен описанный момент в моем случае. именно он мне не понятен

[Алексей Ярков]

dpablo_escobarr, возможно так станет понятнее

[dpablo_escobarr]

Алексей Ярков, спасибо. буду разбираться

Answer 1

[Rsa97]

В данном случае, анонимная функция в map меняет свойство x непосредственно в объекте - элементе массива, который передаётся в неё по ссылке.
Результат у функции map тоже есть, он равен [5].

Answer 2

[Алексей Ярков]

const cord = [{x: 0, y: 0, type: 5, active: true}]
console.log(cord) // x = 0
const newCoord = cord.map(elem => ({
	...elem,
	x: 5
}))
console.log(cord) // x = 0
console.log(newCoord) // x = 5

Answer 3

[Alex]

В вашем случае происходит примерно следующее:

function incrementX(obj) {
  obj.x += 1
  return obj
}

var a = {x: 0}
var b = incrementX(a)

console.log(b) // {x: 1}
console.log(a) // {x: 1} -- Магия

Объекты в JS передаются по ссылке. То есть передавая объект как аргумент в функцию последняя может его модифицировать что может привести к нежелательным эффектам.