この記事で分かること
breakとcontinueの基本的な役割- ループ処理（
for/while/do...while）での使い方 switch文でのbreakの重要性- 処理を途中で終了する方法とスキップする方法
- 実例で理解する
break/continueの活用方法
JavaScriptの繰り返し処理（for / while / do...while）や switch 文では、
処理の流れを途中で制御したい場面があります。
そのときに使うのが break と continue です。
break：処理を途中で抜けるcontinue：その回の処理をスキップして先頭に戻る
break｜処理から抜け出す
break は、次のような場面で使用します。
for/while/do...whileのループを途中で終了したいswitch文でcaseの処理を終わらせたい
ループが入れ子になっている場合は、一番内側のループだけを抜けます。
switch 文では break を書かないと、次の case に処理が流れてしまうため注意が必要です。
continue｜その回の処理をスキップして先頭に戻る
continue は、ループの中で「この回の処理はスキップしたい」というときに使います。
- その回の処理を中断し、次のループへ進む
- 入れ子の場合は一番内側のループに適用される
例：パスワードチェックを3回まで繰り返す
次の例では、ユーザーにパスワードを3回まで入力させ、
途中で正しいパスワードが入力されたら break でループを抜けます。
check = false;
for (i = 0; i < 3; i++) { // 最大3回繰り返す
pass = prompt("パスワードを入力してください。", "********");
if (pass == "password") {
check = true;
break; // 一致したらループ終了
}
alert("パスワードが違います。");
}
if (check == false) {
location.href = "nogood.html"; // 3回失敗したら別ページへ
}
このように、break を使うことで「条件を満たしたら即終了」という処理が簡単に書けます。
JavaScript 初心者におすすめの学習書籍
書籍で学ぶのが向いている人
- 紙の本で体系的に学びたい
- ネット記事だけだと情報が断片的に感じる
- 基本文法を順序立てて理解したい
break / continue はループ処理の基礎であり、書籍ではこれらを体系的に順序立てて学べるため、理解が深まりやすいです。
いちばんやさしい JavaScript の教本
写真や図が多く、手を動かしながら学べる初心者向けの入門書です。
この本で解決できること：
break/continueの動きを図解で理解できる- ループ処理の流れを視覚的に把握できる
- 初心者がつまずきやすい「処理のスキップと終了」を理解できる
確かな力が身につくJavaScript「超」入門
JavaScriptの基礎を体系的に学びたい方に向いている入門書です。
この本で解決できること：
break/continueを含む複雑なループ制御を理解できる- 実務レベルのループ処理の書き方が身につく
- ネストしたループの制御方法を体系的に学べる
動画で理解を深めたい方へ（Udemy講座）
break / continue の動きは、動画で見ると理解が一気に深まります。
初心者のためのJavaScript 完全入門
ループ処理の基礎を体系的に学べる人気講座です。
この講座で解決できること：
break/continueの動きを動画で直感的に理解できる- ループ処理の流れを視覚的に把握できる
- 初心者が混乱しやすい「処理のスキップと終了」を理解できる
→ 初心者のためのJavaScript 完全入門（Udemy）
超JavaScript 完全ガイド 2026
基礎〜応用まで幅広く学べる講座です。
この講座で解決できること：
- 複雑なループ制御（
break/continue）の実務的な使い方が身につく - ネストしたループの制御方法を理解できる
- 効率的なループ処理の書き方を習得できる
体系的に学びたい方へ（スクールという選択肢）
独学の限界を感じやすいポイント
- ループ処理や
break/continueの使い分けで混乱する - コードの流れ（制御構文）が理解しきれない
- 複雑な処理を書くとバグが増えてしまう
- 実務レベルのコードレビューを受ける機会がない
break や continue はシンプルに見えて、実務では「どこで抜けるべきか」「どこをスキップすべきか」の判断が難しく、独学だとつまずきやすいポイントです。
こうした制御構文を正しく使いこなすには、質問できる環境や学習ロードマップを一緒に考えてくれる人がいるだけで理解スピードが大きく変わります。
無料相談で得られるメリット
- あなたのレベルに合わせた学習計画を作成してくれる
- ループ処理・条件分岐など、つまずきやすい部分を事前に把握できる
- 学習方法の改善点をプロがアドバイスしてくれる
- エンジニア転職を視野に入れたキャリア相談も可能
JavaScript を独学で学んでいると、break / continue を含む制御構文で「もっと効率よく理解したい」「プロに質問しながら進めたい」と感じる方も多いです。
そのような方には、未経験からエンジニアを目指せる DMM WEBCAMP の学習コースも選択肢のひとつです。
無料相談では、学習ロードマップの作成やキャリア相談など、独学では得られないサポートを受けられます。
break / continue に関するよくある質問（FAQ）
break と continue の違いは？
break はループ自体を終了、continue はその回だけスキップして次のループに進みます。
switch 文で break を書かないとどうなる？
次の case に処理が流れてしまいます（フォールスルー）。
continue は switch 文で使える？
continue はループ専用で、switch 文では使用できません。
break は複数のループを一気に抜けられる？
いいえ。break は一番内側のループだけを終了します。
まとめ
break：ループやswitch文から抜けるcontinue：その回の処理をスキップして次のループへ進むbreakはswitch文で特に重要（書かないと処理が流れる）- ループ制御を理解すると、複雑な処理が書きやすくなる
