JavaScriptのforEach内で「continue」や「break」のような動作をさせる方法

2022年5月11日

配列でループ処理をしたいとき、forEachを使うとかなりラクに実装できます。

ただし、forEach内ではcontinueやbreakが使えません。
今回はその代替となる方法をまとめておきます。

forEachについて

forEachを使うと、配列に含まれる要素を順に取り出してコールバック関数に渡して処理ができます。

let days = ['日', '月' ,'火', '水', '木', '金', '土'];
days.forEach((day, index) =>{
  console.log(day);
});

これで配列がループされて、コンソールに各配列の値が表示されます。

日
月
火
水
木
金
土

continueと同じ動きにする

forEach内でreturnすると、その時点で次のループへスキップされます。

let days = ['日', '月' ,'火', '水', '木', '金', '土'];
days.forEach((day, index) =>{
  if(index === 1){
    return; // 「月」のみスキップされる
  }
  console.log(day);
});

これで「月」のみスキップされます。

日
火
水
木
金
土

ちなみに、returnでもreturn trueでもreturn falseでも関係なくすべて同じ結果になります。

breakと同じ動きにする

breakと同じ動きはforEachではできないため、someを利用します。

使い方はforEachとほとんど変わりませんが、trueを返すとその時点で処理が終了する特性を持っています。

let days = ['日', '月' ,'火', '水', '木', '金', '土'];
days.forEach((day, index) =>{
  if(index === 1){
    return true; // 「月」の時点で終了する
  }
  console.log(day);
});

これで「月」の時点で終了するので、「日」のみがコンソールに出力されます。