カテゴリ: JavaScript 更新日: 2025/10/12

JavaScriptのループでスキップする条件の書き方例!初心者でもわかる使い方

JavaScriptのループでスキップする条件の書き方例
JavaScriptのループでスキップする条件の書き方例

先生と生徒の会話形式で理解しよう

生徒

「JavaScriptのループで、ある条件のときだけ処理をスキップする方法ってありますか?」

先生

「ありますよ。ループの中で『continue』という命令を使うことで、特定の条件のときだけ次の繰り返しに飛ばすことができます。」

生徒

「どうやって書くのか、具体的な例も教えてください!」

先生

「それでは、基本の使い方から説明しますね!」

1. ループ処理とは?

1. ループ処理とは?
1. ループ処理とは?

ループ処理とは、同じ処理を繰り返すことを指します。JavaScriptではforwhileなどの構文を使って繰り返し処理ができます。例えば、1から5までの数字を順番に表示したいときに使います。

2. ループで処理をスキップするとは?

2. ループで処理をスキップするとは?
2. ループで処理をスキップするとは?

ループの中で「この条件のときは処理を飛ばして、次の繰り返しに進みたい」という場合があります。例えば、「偶数のときは何もしないで次に進みたい」というようなケースです。

3. continue文の使い方

3. continue文の使い方
3. continue文の使い方

continueは「この回のループ処理を途中でやめて、次の繰り返しに進んでね」という意味です。


for (let i = 1; i <= 5; i++) {
  if (i % 2 === 0) {
    continue; // 偶数のときはここでスキップ
  }
  console.log(i);
}

このコードは、1から5までの数字を順に調べて、偶数(2, 4)のときはcontinueでスキップし、奇数だけを表示します。

4. 実行結果を見てみよう

4. 実行結果を見てみよう
4. 実行結果を見てみよう

1
3
5

偶数の2と4はcontinueでスキップされて、表示されていません。

5. whileループでもcontinueは使える

5. whileループでもcontinueは使える
5. whileループでもcontinueは使える

whileループでも同じようにcontinueが使えます。


let i = 0;
while (i < 5) {
  i++;
  if (i === 3) {
    continue; // iが3のときはスキップ
  }
  console.log(i);
}

この場合、3のときだけ処理をスキップして、それ以外の数字は表示されます。

6. 実行結果を見てみよう

6. 実行結果を見てみよう
6. 実行結果を見てみよう

1
2
4
5

3のときだけ処理がスキップされているのがわかりますね。

7. continueを使うときの注意点

7. continueを使うときの注意点
7. continueを使うときの注意点

continueは便利ですが、使いすぎるとコードが読みにくくなることがあります。なるべく分かりやすく書くことを心がけましょう。

また、条件を間違えると意図しない動きをすることもあるので、条件式はしっかりチェックしてください。

8. まとめなしで最後にひとこと

8. まとめなしで最後にひとこと
8. まとめなしで最後にひとこと

JavaScriptのループ処理で特定の条件をスキップするときは、continueを使うのが基本です。覚えておくとプログラムの制御がとても便利になりますよ。

関連記事:
カテゴリの一覧へ
新着記事
New1
TypeScript
TypeScriptのモジュール分離と単一責任原則(SRP)に基づく設計を初心者向けに徹底解説
New2
JavaScript
JavaScriptの正規表現を文字列に動的に組み込む方法(RegExpコンストラクタ)
New3
TypeScript
TypeScriptでグローバル名前空間の汚染を避ける設計方法!モジュール設計の基本
New4
JavaScript
JavaScriptの正規表現をデバッグするツールの使い方
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptの正規表現をデバッグするツールの使い方
No.3
Java&Spring記事人気No3
JavaScript
JavaScriptの正規表現を使ったバリデーション例まとめ
No.4
Java&Spring記事人気No4
JavaScript
JavaScriptの正規表現で繰り返し指定(* + ? {n,m})を学ぼう
No.5
Java&Spring記事人気No5
JavaScript
JavaScriptの正規表現で否定のパターンを表す方法を学ぼう
No.6
Java&Spring記事人気No6
JavaScript
JavaScriptプログラムの実行方法まとめ!ブラウザ・Node.js・コンソールの使い方
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptの正規表現でlookahead・lookbehindを使う応用例
No.8
Java&Spring記事人気No8
TypeScript
TypeScriptでパスエイリアスを設定する方法!tsconfig pathsでコードをスッキリ整理