Метод forEach позволяет последовательно перебрать все элементы массива.
Метод в параметре получает функцию, которая выполнится для каждого элемента массива. В эту функцию можно передавать 3 параметра.
Если эти параметры есть (они не обязательны), то в первый автоматически попадет элемент массива, во второй попадет его номер в массиве (индекс), а в третий - сам массив.
Синтаксис
массив.forEach(function(элемент, индекс, массив) {
код, который выполнится для всех элементов
})
Пример
Давайте выведем столбец элементов массива. Для этого в анонимную функцию передадим первый параметр elem (назвать его можно как угодно). В эту переменную последовательно будут попадать элементы массива:
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>');
});
:
Пример
При необходимости в третий параметр можно передать сам массив:
let arr = ['a', 'b', 'c', 'd', 'e'];
arr.forEach(function(elem, index, arr) {
тут будет доступен массив arr
});
Пример . Применение
Дан массив. Давайте найдем сумму элементов этого массива:
let arr = [1, 2, 3, 4, 5];
let sum = 0;
arr.forEach(function(elem) {
sum += elem;
});
console.log(sum);
Результат выполнения кода:
15