JavaScript の配列メソッド forEach()

Feb 04 2023
forEach() メソッドは、主に機能を実行するために使用される配列メソッドです。このメソッドは値を返しません。つまり、forEach() の戻り値は未定義です。
forEach() の実行手順

forEach() メソッドは、主に機能を実行するために使用される配列メソッドです。

このメソッドは値を返しません。つまり、forEach() の戻り値は未定義です。

構文 — arrayName.forEach(callbackfunction){

}

また

arrayName.forEach(function(e){

})

ここで、forEach() メソッドがどのように実行されるかを見ていきます。

  1. カスタム コールバック関数を作成します —

const arrayCallbackFunction = 関数(配列){

配列 +=2;

コンソール.ログ(配列);

}

ここでは関数式を作成しました。したがって、呼び出される前に書き込む必要があります。関数式はホイスティングをサポートしていません。

2. 与えられた配列 -

const GivenArray = [10,20,30]

GivenArray.forEach(arrayCallbackFunction)

ここでは、forEach() メソッドが呼び出されるたびに、指定された配列要素がパラメータとしてarrayCallbackFunction変数に追加されるため、 arrayCallbackFunctionにパラメータを渡す必要はありません。

3. したがって、forEach の出力は [12,22,32] になります。

説明 -

forEach() メソッドは配列要素の回数だけ呼び出されます。

つまり、forEach() は [10] に対して呼び出され、次に [20] に対して再度呼び出され、[30] に対して呼び出されます。イメージが分かりますね。

さらに詳しく — 読む: MDN

お役に立てば幸いです。ハッピーコーディング!