тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

Метод forEach для перебора массива в JavaScript

Следующий метод, который мы изучим, называется forEach. Он работает также, как и метод map, только не возвращает измененный массив, а просто вызывает функцию-коллбэк для каждого элемента массива.

Посмотрим на примере.

Пусть дан вот такой массив:

let arr = ['a', 'b', 'c', 'd', 'e'];

Давайте выведем столбец элементов массива:

let arr = ['a', 'b', 'c', 'd', 'e']; arr.forEach(function(elem) { document.write(elem + '<br>'); });

А теперь кроме элементов массива выведем еще и их номера. Для этого сделаем вторую переменную index, в которую будут попадать номера наших элементов:

let arr = ['a', 'b', 'c', 'd', 'e']; arr.forEach(function(elem, index) { document.write(index + '. ' + elem + '<br>'); });

Применение forEach

На первый взгляд кажется, что метод forEach не очень полезен, так как ничего не возвращает.

На самом деле просто можно сделать переменную, расположенную снаружи коллбэка:

let result; // внешняя переменная arr.forEach(function(elem) { // тут доступна переменная result });

Используя этот прием найдем, к примеру, сумму элементов массива:

let arr = [1, 2, 3, 4, 5]; let sum = 0; arr.forEach(function(elem) { sum += elem; }); console.log(sum);

Дан массив с числами. Используя метод forEach найдите сумму квадратов элементов этого массива.

Замечания

Метод forEach появился в JavaScript раньше, чем новый цикл for-of. По сути, эти два способа перебора похожи, но цикл for-of имеет более простой синтаксис, поэтому, скорее всего, чаще вы будете пользоваться именно им.