【Java Script】配列のループに使えるforEach文【文法】

こばゆた
こばゆた

今までは配列の値を全部取り出す時はfor文やwhile文を使っていました

const veg =['じゃがいも','人参','玉ねぎ','トマト'];
for(let i =0; i<veg.length; i++){
  console.log(veg[i]);
};
出力結果じゃがいも
人参
玉ねぎ
トマト
こばゆた
こばゆた

forEach文が使えるようになるともっと楽に書くことができ、無限ループなどのミスを減らすことができます

チャッピー
チャッピー

もっと早く言って欲しかったなぁ…

スポンサーリンク

1.forEach文

定数名.forEach((引数名) =>{
  //実行したい処理
});

const veg =['じゃがいも','人参','玉ねぎ','トマト'];
veg.forEach((material) =>{
  console.log(material);
});
出力結果じゃがいも
人参
玉ねぎ
トマト
forEach文の作り方
  • STEP1
    forEach( );を書く

    forEach();

  • STEP2
    forEachの前に定数名.(ドット)を付ける

    veg.forEach();

  • STEP3
    ( )内にアロー関数を作る

    veg.forEach(() =>{
    
    });

  • STEP4
    引数を渡す

    veg.forEach((material) =>{
    
    });

    ここでの引数名は「材料」という意味で”material”にしてあります。
    またこの時の引数名は自由に決めることができます

  • STEP5
    出力して確認する

    const veg =['じゃがいも','人参','玉ねぎ','トマト'];
    veg.forEach((material) =>{
      console.log(material);
    });
    出力結果じゃがいも
    人参
    玉ねぎ
    トマト

こばゆた
こばゆた

少し面倒なのは引数名を自分で設定するところくらいであとは楽だと思います

コメント