JavaScript Array forEach()

Определение и использование

forEach() Метод вызывает функцию для каждого элемента массива по порядку.

Комментарий:Не выполняется для элементов массива без значений.forEach() Метод.

Пример

Пример 1

Перечислить каждое значение в массиве:

var fruits = ["apple", "orange", "cherry"];
fruits.forEach(myFunction);
function myFunction(item, index) {
  document.getElementById("demo").innerHTML += index + ":" + item + "<br>"; 
}

Попробуйте сами

Пример 2

Получить сумму всех значений в массиве:

var sum = 0;
var numbers = [65, 44, 12, 4];
numbers.forEach(myFunction);
function myFunction(item) {
  sum += item;
  document.getElementById("demo").innerHTML = sum;
}

Попробуйте сами

Пример 3

Для каждого элемента массива: обновить значение в 10 раз больше исходного значения:

var numbers = [65, 44, 12, 4];
numbers.forEach(myFunction)
function myFunction(item, index, arr) {
  arr[index] = item * 10;
}

Попробуйте сами

Синтаксис

массив.forEach(function(currentValue, index, arr), thisValue)

значение параметра

Параметры Описание
function(currentValue, index, arr) Обязательно. Функция, выполняемая для каждого элемента массива.

Функциональные параметры:

Параметры Описание
currentValue Обязательно. Значение текущего элемента.
index Опционально. Индекс массива текущего элемента.
arr Опционально. Объект массива, к которому относится текущий элемент.
thisValue

Опционально. Значение, передаваемое функции в качестве значения "this".

Если этот параметр пуст, то значение "undefined" будет передано в качестве его значения "this".

Технические детали

Возвратное значение: undefined
Версия JavaScript: ECMAScript 5

Поддержка браузеров

Все браузеры полностью поддерживают forEach() Метод:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9.0 Поддержка Поддержка Поддержка Поддержка

Соответствующие страницы

Урок:Массив JavaScript

Урок:Const массива JavaScript

Урок:Методы массива JavaScript

Урок:Сортировка массива JavaScript

Урок:Итерация массива JavaScript