Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

JavaScript массив forEach() Method

<JavaScript массив Ссылка

пример

Укажите каждый элемент в массиве:

<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 массив Ссылка