More than 3 years have passed since last update.

[JS] forEach

Posted at 2021-08-30

##この記事について
JavaScriptの配列forEachについて備忘。

##forEach
配列に格納された値1つ１つに対して操作を行いたい時に使用する繰り返し構文

###forEachの引数にコールバック関数を渡した際に、コールバック関数の引数に格納されるもの
※コールバック関数…他の関数に引数として渡される関数

第1引数　配列の値
第2引数　配列のインデックス
第3引数　配列そのもの

const array = [1,2,3,4,5];

array.forEach(function(value,index,array){
    console.log(value); //1,2,3,4,5が表示される
});

##おまけ
配列から新しい配列を作る

###mapを使う

const array = [1,2,3,4,5];

const newArray = array.map(function(value,index,array){
    return value; //newArrayに[1,2,3,4,5]が格納される
});

###filterを使う
filterを使用した場合はreturnの値がTrue場合に値が返却される。

const array = [1,2,3,4,5];

const filterArray = array.filter(function(value,index,array){
    return value > 2; //filterArrayには[3,4,5]が格納される
});