ホームページ >ウェブフロントエンド >フロントエンドQ&A >ES6でのforeach()の使用方法
es6 では、foreach() メソッドを使用して配列を走査し、配列の各要素を呼び出し、その要素を処理のためにコールバック関数に渡します。構文は「array.forEach(function(currentValue,インデックス、arr)、thisValue)」。
このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。
es6 では、foreach() メソッドを使用して配列を走査し、配列の各要素を呼び出し、その要素を処理のためにコールバック関数に渡します。具体的な説明は次のとおりです。
array.forEach(function(currentValue, index, arr), thisValue)
Parameter | Description |
---|---|
function(currentValue,インデックス、arr ) | 必須。配列内の各要素に対して呼び出す必要がある関数。 関数パラメータ: パラメータの説明 currentValue は必須です。現在の要素のインデックスはオプションです。現在の要素のインデックス値。 arr はオプションです。現在の要素が属する配列オブジェクト。 |
#thisValue | オプション。関数に渡される値は通常、「this」値を使用します。このパラメータが空の場合、「未定義」が「this」値に渡されます |
要素がメソッドに渡されるかどうかコールバック関数 | |
---|---|
##No | |
はい、インデックスがコールバック関数に渡されていない場合は | |
はい、要素が変更されていない場合はコールバック関数に渡されました | |
要素がコールバック関数に渡されていない限り、いいえ |
次の例では、forEach を使用して配列 a を反復し、各要素の値と添字インデックスを出力および表示します。コードは次のとおりです:
function f(value,index,array) { console.log("a[" + index + "] = " + value); } var a = ['a', 'b', 'c']; a.forEach(f);
デモンストレーションの結果は次のとおりです。
例 2次の例では、forEach を使用して配列を反復します。 a、配列要素の合計を計算して出力します。
var a = [10, 11, 12], sum = 0; a.forEach (function (value) { sum += value; }); console.log(sum); //返回33例 3
次の例は、コールバック関数の this 渡しオブジェクトである forEach() メソッドの 2 番目のパラメーターの使用方法を示しています。配列を反復処理する場合、最初に配列要素の値が読み取られ、次にその値が上書きされます。
var obj = { f1 : function(value,index,array) { console.log("a[" + index + "] = " + value); arrar[index] = this.f2(value); }, f2 : function (x) {return x * x;} }; var a = [12, 26, 36]; a.forEach(obj.f1, obj); console.log(a); //返回[144, 676, 1296]
[関連する推奨事項:
JavaScript ビデオ チュートリアル、Web フロントエンド ]
以上がES6でのforeach()の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。