の forEach() メソッド 配列内の各要素に対して関数を呼び出します。新しい配列を返したり、元の配列を変更したりしません。これは、反復と各配列要素に対するアクションの実行によく使用されます。
構文：
array.forEach(callback(element, index, arr), thisValue);>
パラメーター：
このメソッドは、上で説明し、以下で説明するように、5 つのパラメーターを受け入れます。
| パラメータ | 説明 |
|---|---|
| 折り返し電話 | このパラメータは、配列の各要素に対して呼び出される関数を保持します。 |
| 要素 | パラメータは、現在処理されている要素の値を保持します。 |
| 索引 | このパラメータはオプションであり、配列内の現在の値要素の 0 から始まるインデックスを保持します。 |
| 配列 | このパラメータはオプションであり、その上にある完全な配列を保持します。forEach>と呼ばれます。 |
| この引数 | このパラメータはオプションであり、渡されるコンテキストを保持します。this>コールバック関数の実行中に使用されます。コンテキストが渡された場合、それは次のように使用されます。this>コールバック関数の呼び出しごと、それ以外の場合undefined>がデフォルトとして使用されます。 |
戻り値:
このメソッドの戻り値は常に未定義です。このメソッドは、引数関数の機能に依存するため、提供された元の配列を変更する場合もあれば、変更しない場合もあります。
例 1: この例では、 Array.forEach() メソッドは、ある配列から別の配列にすべての要素をコピーするために使用されます。
JavaScript
// JavaScript to illustrate forEach() method function func() { // Original array const items = [12, 24, 36]; const copy = []; items.forEach(function (item) { copy.push(item + item + 2); }); console.log(copy); } func();> 出力
[ 26, 50, 74 ]>
例 2: この例では、メソッドは forEach() 配列のすべての要素の二乗を計算します。
JavaScript // JavaScript to illustrate forEach() method function func() { // Original array const items = [1, 29, 47]; const copy = []; items.forEach(function (item) { copy.push(item * item); }); console.log(copy); } func();> 出力
[ 1, 841, 2209 ]>
サポートされているブラウザ:
- グーグルクローム
- 角
- Firefox
- オペラ
- サファリ
JavaScript 配列メソッドの完全なリストがあります。それらを確認するには、 Javascript 配列の完全なリファレンス 記事。