📑
Javascript forEachメソッド
はじめに
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']
Discussion