JavaScript

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

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

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

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

本書情報
出版社技術評論社
著者山田 祥寛
発売日2023/2/13
ページ数624ページ
レビュー
(Amazon)
(4件)
先輩くん
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!

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

本書情報
出版社オライリージャパン
著者Dustin Boswell / Trevor Foucher
発売日2012/6/23
ページ数260ページ
レビュー
(Amazon)
(620件)
先輩くん
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!

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

繰り返し処理を強制終了するには、終了させたいタイミングで「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回目」と奇数だけになっています。

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村