現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

基礎

JavaScriptの繰り返し制御

投稿日:2019年4月16日 更新日:

break 処理から抜け出す
continue 繰り返し処理の先頭に戻る

繰り返し処理や分岐処理から抜け出す構文です。

break

for、while、doなどの繰り返し処理やswitchによる分岐から抜け出します。繰り返し処理の内部でさらに繰り返し処理が行われている場合は、一番内側の繰り返し処理を抜け出します。switchではbreakを記述しないと次のcaseやdefaultの処理に進んでしまいます。1つのcaseの処理を記述したら、必要に応じてbreakで抜け出してください

continue

繰り返しのその回の処理を中断し、処理の先頭に戻って継続します。繰り返し処理の内部でさらに繰り返し処理が行われている場合は、一番内側の繰り返し処理の先頭に戻ります。

サンプルでは3回パスワードチェックを繰り返します。ただし、途中でパスワードが一致した場合はbreakで繰り返し処理を抜け出してページを表示しています。

JavaScript

check = false;
for(i = 0; i < 3; i++) { // 処理を3回繰り返す
    pass = prompt(“パスワードを入力してください。”,”********”);
    if(pass == “password”){
        check = true;
        break; //パスワードが一致したらfor構文を抜け出す
    }
    alert(“パスワードが違います。”);
}
if(check == false) //3回の処理後も一致していなければnogood.htmlへ移動
location.href = “nogood.html”;

-基礎
-

執筆者:

関連記事

JavaScriptの演算子とは?

JavaScriptには計算や比較に利用するさまざまな演算子があります。大きく分けて、四則演算を行う算術演算子、数値をビットとして扱うビット演算子、if構文などで複数の条件を扱う際に使用する論理演算子 …

JavaScriptのイベントとは?

    イベントはマウスのボタンがクリックされた、ページの読み込みが完了した、フォームの選択メニューが変更された、など何かしらの動作が起こったときに発生します。 …

JavaScriptにおける色の指定

    JavaScriptで色を指定するには、HTML/XHTML同様、RGB値を用いる方法と、色名を用いる方法とがあり、それぞれ次のように指定します。

JavaScriptの実装。非対応ブラウザへの配慮

非対応ブラウザへの配慮     noscript要素を使うことで、JavaScriptに対応していない環境でページを開いた人にだけ表示させるHTML文書を記述す …

【JavaScript入門】外部ファイル(.js)を読み込む方法|scriptタグのsrc属性を解説

JavaScriptを外部ファイルで読み込む方法|scriptタグのsrc属性を初心者向けに解説 JavaScriptをWebページに組み込む方法はいくつかあります。 HTML文書内に直接記述する 外 …