例
配列内の各アイテムをリストします。
<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のArrayリファレンス