📑

Javascript forEachメソッド

2021/04/05に公開

はじめに

forEachの使い方が曖昧だったので、整理のために使い方まとめました。

forEachメソッド

  • 渡された配列の要素を先頭から取り出し、各要素に対して一度ずつ処理を実行します。
  • 各要素に対して、一度ずつcallback関数が呼び出されます。
  • callback関数内で3つの引数を受け取ることができます。
  • undefinedを返します。

使い方

  • 配列名.forEach(callback関数(要素))
  • 配列名.forEach(callback関数(要素, 要素のindex))
  • 配列名.forEach(callback関数(要素, 要素のindex, 配列))

※ 要素のindex、配列は省略可能です

callback関数で要素を呼び出す。

const days = ['Sun', 'Mun', 'Tus']

days.forEach(function(day){
  console.log(day)
})

// Sun
// Mun
// Tus

アロー関数で書いた場合。

const days = ['Sun', 'Mun', 'Tus']

days.forEach(day => console.log(day))

// Sun
// Mun
// Tus

callback関数で要素とindexを呼び出す。

※引数が2つ以上の場合は()で囲みます。

const days = ['Sun', 'Mun', 'Tus']

days.forEach((day, index) => {
  console.log(index)
  console.log(day)
})

// 0
// Sun
// 1
// Mun
// 2
// Tus

callback関数で要素、index、配列を呼び出す。

const days = ['Sun', 'Mun', 'Tus']

days.forEach((day, index, array) => {
  console.log(index)
  console.log(day)
  console.log(array)

})

// 0
// Sun
// ['Sun', 'Mun', 'Tus']
// 1
// Mun
// ['Sun', 'Mun', 'Tus']
// 2
// Tus
// ['Sun', 'Mun', 'Tus']

参照

Array.prototype.forEach MDN
配列の要素を順に取得する

Discussion