JavaScriptオブジェクト

JavaScriptリファレンスマニュアル

JS DOMリファレンスマニュアル

JavaScript Boolean オブジェクト JavaScript Array オブジェクト

JavaScript配列forEach()メソッド

　JavaScript 数组オブジェクト

forEach()メソッドは、提供された関数（コールバック関数）を各配列要素に対して一度だけ実行します。

例外を投げる以外に、停止または中断する方法はありませんforEach()ループ。

終了を早めにしたい場合は、以下のように処理できます：

シンプルなループ
一for......ofループ

構文：

array.forEach(callback,　thisArg)

例

var　fruits　=　["Apple",　"Mango",　"Banana",　"Orange"];
var　result　=　document.getElementById("result");
fruits.forEach(function(element)　{
　　　　result.innerHTML　+=　element　+　"<br>";
});

テストを見て‹/›

ブラウザの互換性

テーブルの数字は、forEach()メソッドを完全にサポートする最初のブラウザバージョンを指定しています：

メソッド
forEach()	は	1.5	は	は	9

引数の値

引数	説明
callback	配列の各要素に実行される関数です。関数引数： currentValue（必須）-配列内で現在処理中の要素 index（オプション）-配列内で現在処理中の要素のインデックス array（オプション）- が呼び出されましたforEach配列
thisArg	（オプション）実行コールバック時に使用されるこのオブジェクト

技術的詳細

返り値：	未定義
JavaScriptバージョン：	ECMAScript 5

さらに多くの例

コールバック関数は最大で3個パラメータ：

例

var　fruits　=　["Apple",　"Mango",　"Banana",　"Orange"];
var　result　=　document.getElementById("result");
fruits.forEach(function(element,　index,　array)　{
　　　　result.innerHTML　+=　index　+　":　"　+　element　+　"<br>";
});

テストを見て‹/›

配列のすべての値の合計を取得する：

例

var　nums　=　[2,　5,　10,　5,　10,　28];
var　sum　=　0;
nums.forEach(function(element)　{
　　　　sum　+=　element;
});
document.getElementById("result").innerHTML　=　sum;

テストを見て‹/›

配列の値の平均を取得する：

例

var　nums　=　[2,　5,　10,　5,　10,　28];
var　sum　=　0;
nums.forEach(function(element)　{
　　　　sum　+=　element;
});
document.getElementById("result").innerHTML　=　sum　/　nums.length;

テストを見て‹/›

forEachループをforループに変換する：

例

var　nums　=　[2,　5,　10,　5,　10,　28];
var　sum　=　0;
for　(let　i=0;　i　<　nums.length;　i++)　{
　　　　sum　=　sum　+　nums[i];
});
document.getElementById("result").innerHTML　=　sum;

テストを見て‹/›

　JavaScript 数组オブジェクト

JavaScript Boolean オブジェクト JavaScript Array オブジェクト