【JavaScript】繰り返し処理(ループ)を途中で終了・スキップする方法

本記事では、JavaScriptで繰り返し処理(ループ)を途中で終了・スキップする方法についてサンプルコードを用いて解説しています。

サンプルコードはfor文を使用していますが、「while文」「 do…while文」「for…in文」「for…of文」でも使用することが可能です。

JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門　～モダンスタイルによる基礎から現場での応用まで

本書情報
出版社	技術評論社
著者	山田祥寛
発売日	2023/2/13
ページ数	624ページ
レビュー (Amazon)	(4件)

先輩くん

10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ！

後輩ちゃん

最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ！

【送料無料】改訂3版JavaScript本格入門 -モダンスタイルによる基礎から現場での応用まで / 山田祥寛【本】

posted with カエレバ

楽天市場

Amazon

Yahooショッピング

綺麗なコードが書けるようになる！
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック

本書情報
出版社	オライリージャパン
著者	Dustin Boswell / Trevor Foucher
発売日	2012/6/23
ページ数	260ページ
レビュー (Amazon)	(620件)

先輩くん

より良いコードを書きたい人におすすめの本だよ！

後輩ちゃん

10以上前の書籍ですが、内容は今でも役に立つものばかりです！

【中古】リーダブルコード —より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)／Dustin Boswell、Trevor Foucher、須藤功平、角征典

posted with カエレバ

楽天市場

Amazon

Yahooショッピング

Contents

1 繰り返し処理(ループ)を強制終了する方法
2 繰り返し処理(ループ)をスキップする方法

繰り返し処理(ループ)を強制終了する方法

繰り返し処理を強制終了するには、終了させたいタイミングで「break」を使います。

先輩くん

breakを使用したサンプルコードは以下のとおりだよ！

for (let i = 1; i <= 10; i++) {
  console.log(`${i}回目のループ`);
  if (i === 3) {
    console.log("ループを抜ける");
    break;
  }
}

/* コンソールログ *
 * 
 * 1回目のループ
 * 1回目のループ
 * 1回目のループ
 * ループを抜ける
 * 
 */

上記のコードは、本来であれば10回繰り返し処理が実行されますが「if(i === 3)」の箇所で、break;を使用しているため3回目の繰り返し処理(i = 3)で強制終了されます。

繰り返し処理(ループ)をスキップする方法

繰り返し処理をスキップするには、スキップさせたいタイミングで「continue」を使います。

先輩くん

continueを使用したサンプルコードは以下のとおりだよ！

for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) continue;
  console.log(`${i}回目のループ`);
}

/* コンソールログ *
 *
 * 1回目のループ
 * 3回目のループ
 * 5回目のループ
 * 7回目のループ
 * 9回目のループ
 *
 */

上記のコードは、カウンター変数iの値が偶数の時にcontinueが実行され繰り返し処理をスキップします。

そのため、後続にある「console.log(${i}回目のループ);」の処理が偶数の時には実行されずコンソールログの表示が「1回目・3回目・5回目」と奇数だけになっています。