пример
Укажите каждый элемент в массиве:
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p
id="demo"></p>
<script>
demoP = document.getElementById("demo");
var numbers =
[4, 9, 16, 25];
function myFunction(item, index) {
demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br
/>";
}
</script>
Результат будет:
index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
forEach() метод вызывает предоставленную функцию один раз для каждого элемента массива, в порядке.
Примечание: forEach() не выполняет функции для элементов массива без значений.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
метод | |||||
---|---|---|---|---|---|
forEach() | да | 9,0 | 1,5 | да | да |
Синтаксис
Значения параметров параметр Описание function(currentValue, index,arr) Необходимые. Функция для запуска для каждого элемента в массиве.
Аргументы функции: аргументация Описание currentValue Необходимые. Значение текущего элемента index Необязательный. Индекс массива текущего элемента arr Необязательный. Массив объектов текущий элемент принадлежит
thisValue Необязательный. Значение , которое передается в функцию , которая будет использоваться в качестве "this" значения.
Если этот параметр пуст, то значение "undefined" будет принят в качестве "this" значения
Технические подробности
Возвращаемое значение: не определено Версия JavaScript: 1,6
Еще примеры
пример
Получить сумму всех значений в массиве:
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p>Sum
of numbers in array: <span id="demo"></span></p>
<script>
var sum
= 0;
var numbers = [65, 44, 12, 4];
function myFunction(item) {
sum += item;
demo.innerHTML=sum;
}
</script> Попробуй сам " пример
Умножить все значения в массиве с определенным номером:
<p>Multiply with: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p>Updated array: <span id="demo"></span></p>
<script>
var numbers
= [65, 44, 12, 4];
function myFunction(item,index,arr) {
arr[index] = item * document.getElementById("multiplyWith").value;
demo.innerHTML=numbers;
}
</script> Попробуй сам "
<JavaScript массив Ссылка