【JavaScript】forEachの実装方法

JavaScriptのforEachの実装方法をご紹介いたします。

jQueryのeachの実装方法は以下記事をご覧ください。

【JavaScript/jQuery】eachの実装方法
jQueryのeachの実装方法をご紹介いたします。

forEachの実装方法

const array1 = ['a', 'b', 'c'];

array1.forEach(element => {
    console.log(element)
});

// indexも一緒に利用したい時
array1.forEach((element,index) => {
  console.log(element);
  console.log(index);
});

forEachの構文

arr.forEach(callback(currentValue[, index[, array]]) {
  // execute something
}[, thisArg]);
引数必須説明
callback必須要素を取り出した時の処理を実装する
currentValue必須callback関数の中の第一引数。処理中の値を取得できる。
indexオプション処理中の値の添字。Arrayの場合、処理中の配列番号が取得できる。
arrayオプションforEach() が呼び出されている配列です。
thisArgオプションcallback内で、thisを呼び出した時にアクセスするオブジェクト

公式ドキュメント

公式ドキュメントは以下をご覧ください。

Array.prototype.forEach() - JavaScript | MDN
forEach() メソッドは、与えられた関数を、配列の各要素に対して一度ずつ実行します。

コメント

タイトルとURLをコピーしました