Почему forEach выдает разные результаты?

Question

[fleshik]

подскажите почему при работе цикла forEach в этих двух примерах

const array1 = [{a: 1}, {a: 2}, {a: 3}];
array1.forEach(a => {
   a.a++
})

const array2 = [{a: 1}, {a: 2}, {a: 3}];
array2.forEach(a => {
   a.a+1
})

в первом примере console.log(array1) мы получаем [{a: 2}, {a: 3}, {a: 4}], а во втором ничего не меняется почему не работает a.a+1
Если можно объясните подробно как работают эти примеры

Comments

[Алексей Дубровин]

++ - инкремент, изменяет значение переменной
+ - сложение, возвращает результат

a.a++ - берем объект а, свойство а, и инкрементируем его

а.а +1 - берем объект а, свойство а, смотрим чему оно ровно, возвращаем, в результате получаем выражение
1+1
Выполняем это выражение.
Возвращаем 2

[Mikhail Osher]

Как бы оба примера нерабочие, ибо данные объявлены, как переменные array1/array2, а forEach запускается для arr, но это ладно..

Давайте поиграем в rubber duck debugging. Предположим, я эта дебаг утка. Объясните мне построчно/поблочно, что происходит в коде.

array2.forEach(a => {
   a.a+1
})

[fleshik]

Алексей Дубровин, а.а +1 - берем объект а, свойство а, смотрим чему оно ровно, возвращаем, в результате получаем выражение
1+1
Выполняем это выражение.
Возвращаем 2. Но у нас то возвращается не {a: 2}, console.log(array2) у нас возвращается {a: 1}

[Алексей Дубровин]

fleshik,
Я все верно сказал, оно возвращает 2.
Вы же не присвоили 2 в объект, объект и не поменялся
У вас в результате код из

array2.forEach(a => {
   a.a+1
})

Превратился в это

array2.forEach(a => {
   1+1
})

[Алексей Уколов]

Возвращаем 2

Из метода forEach ничего не возвращается. В первом случае вы напрямую меняете свойство в объекте, во втором выбрасываете результат операции +1 в мусорку.
Так, как вы описываете, работает этот код:

console.log([{a: 1}, {a: 2}, {a: 3}].map((a) => {return a.a + 1;}))

[fleshik]

Mikhail Osher, ну да с arr немного промахнулся (исправил), но суть это не меняет я сам то и хочу понять что происходит в этом коде а вы мне мой же вопрос опять задаете

[Mikhail Osher]

fleshik, я пытался намекнуть, чтобы Вы пошли в учебник языка, и нашли разницу между двумя выражениями myArray.forEach(elem => { elem.key++ }) и myArray.forEach(elem => { elem.key+1 }). Ответ на поверхности. Иначе, вопрос, на мой взгляд, попадает под пункт 5.12.

Answer 1

[Вадим]

если коротко и не совсем корректно, то
a++ это a = a + 1
a+1 это ничего. Потому что нет присваивания.

P.s. не совсем корректно потому что
a++ не то же самое что a = a+1, потому что a++ вернёт текущее значение а потом его инкрементирует:

var a = 1;
console.log(a++) // 1
// тут же ещё раз выводим а без инкремента\сложения
console.log(a) // 2
a = a +1
console.log(a) // 3

Comments

[fleshik]

когда a++ тогда что идет автоматическое присваивание?

[Вадим]

fleshik, ну я же Вам написал.
а++ это почти то же самое что a=a+1.

a++ это a = a + 1

Учите основы:
https://learn.javascript.ru/operators#inkrement-de...

Answer 2

[Stalker_RED]

a.a+=1 сработает.
Вы в первом случае меняете значение a.a (больше однобуквенных названий, давайте добавим в мире путаницы!)
во втором просто складываете его значение с единицой и никуда это значение не применяете.

let x = 3 // x=3
x++ // x=4 инкремент
let y = x + 1 // y=5, x=4 все еще 
x += 2 // x=6