Почему не работает метод forEach( )?

Question

[Muranx]

var bisOne = [1,2,3,4,5].forEach(function(e,i,arr){return arr[i]=e*10}); 
var ghost = [1,2,3,4,5]
var bisTwo = ghost.forEach(function(e,i,arr){return arr[i]=e*10}) 

console.log(bisOne);  //(1)
console.log(ghost);
console.log(bisTwo);  //(2)

var gsp=[1,2,3,4,5].reduce(function(a,b){return a+b}) 
console.log(gsp);  //(3)

Не могу понять, почему вызовы ( 1 ) и ( 2 ) помеченные в коде комментариями - возвращают undefined? Ведь если посмотреть на вызов метода reduce в вызове под цифрой ( 3 ) , конструкция похожая , НО рабочая в отличии от первых двух! По сути же, мы записываем в bisOne и bisTwo ! Объясните пожалуйста, почему, и как это НЕ работает!

Comments

[alex]

.forEach() возвращает undefined потому что. а reduce возвращает то, что возвращает ваш колбэк для каждой итерации

[Muranx]

.forEach() возвращает undefined потому что. . . .??? Потому-что , что?

[alex]

Muranx, почему земля круглая? почему небо синее? почему вода прозрачная? почему огонь горит? почему форыч ничего не возвращает? потому что он так устроен, это его суть, он просто проходится по массиву берет каждый его элемент и запускает для каждого элемента коллбэк. что будет происходить в нутри этого колбэка ему вообще до фени.

[Muranx]

Alex, Ну ладно ладно, не нервничайте, я понял, просто написали ..возвращает undefined потому что ну я и подумал, что быть может не дописали, а это оказывается такой псевдонамёк на нехватку мозга у автора вопроса

[alex]

Muranx, не нервничал) и ни на что не намекал) а ответ получился в йода-стиле, который из звездных войн

[Muranx]

Alex, окей, второй раз помогаешь, будь здоров, до встречи в рубрике "талый вопрос по js"! ;D

Answer 1

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

Потому что, внезапно, forEach - это не то же самое, что reduce. Метод forEach используется исключительно для итерирования, а reduce для получения какого-то результата, поэтому forEach ничего не возвращает.

Вам нужен метод map:

var bisOne = [1,2,3,4,5].map(function(e){return e*10});

Если очень хочется сделать это при помощи forEach, то должно быть так:

var bisOne = [1,2,3,4,5];
bisOne.forEach(function(e,i,arr){arr[i]=e*10});

Comments

[Muranx]

Хмм.

var bisOne = [1,2,3,4,5]
bisOne.forEach(function(e,i,arr){return arr[i]=e*10}); 
console.log(bisOne) //[10, 20, 30, 40, 50];

Ну вот мы вернули новый массив, и всё умножено на 10 как и планировалось!

[Muranx]

Хотя подождите, мы даже не возвращали новый массив, а модифицировали текущий. . .

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

В этом коде return ничего не делает и игнорируется, так что никуда мы новый массив не вернули.

мы даже не возвращали новый массив, а модифицировали текущий. . .

Именно так.

[Muranx]

Короче я всё равно не понимаю, почему пример из моего вопроса не работает! В чем разница между bisOne.forEach(...) и bisOne=[1,2,3,4,5].forEach(...), ведь следуя моей логике, return должен возвращать значение в переменную bisOne! Но что-то пошло не так.

[Muranx]

Алексей Уколов, И кстати, ну даже если так всё так, как вы написали, ну ок. . . Получается мы модифицируем исходный массив, и присваиваем ссылку на него переменной bisOne

[Евгений Самсонов]

Muranx, forEach ничего не возвращает https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Lynn «Кофеман»]

Muranx, в третий раз могу повторить, forEach ничего не возвращает и его не волнует что возвращает функция которую он вызывает.