
スキルアップ
2021.03.02
プログラミングに向いている人の特徴5つ!向いていない人の特徴も紹介
未経験からプログラマーを目指しているものの「自分はプログラミングに向いているのかわからない」という不安から、プログラミング学習に踏み切れない人も多いでしょう。そこで本記事では、プログラミングに向いている人や向いていない人 […]
JavaScript
2017.10.06
for文やwhile文を使って行うループ処理は、条件式の評価がtrueの間ループし続け、条件式の評価がfalseになった時点で処理が終了しますが、break文を使用すると、条件式の評価がtrueの間にループ処理から抜け出すことができます。
今回は、ループ処理時に使用するbreak文を紹介します。
break文は、現在実行している一連の処理から抜ける際に使われるキーワードです。
switch文など、ループ処理以外でも使用します。
ループ処理の中にbreak文を記述すると、break文が読み込まれた時点でループ処理のブロックから抜け出すことができます。
通常は、ループ処理の条件式以外のある条件に合致したらループ処理を終了させたい場合に使用するので、if文の中にbreak文を記述することが多いです。
例えば、次のように記述します。
while ( 条件式 ) {
if ( ループから抜け出したい条件式 ) {
break;
}繰り返し行う処理
}
break文を使うと、次のようなループ処理の書き方もできます。
while ( true ) {
if ( 条件式 ) {
break;
}繰り返し行う処理
}
ループ処理自体は無条件としておいて、処理を続行するかどうかの判断をループ処理の中で行っています。
次のサンプルは、入力された数字の約数を出力するプログラムです。
約数の数が多そうな数字を入力してOKボタンをクリックしてみて下さい。
上のサンプルを、入力された数字の約数を小さい順に5つまで出力するプログラムに改めてみます。
上のサンプルと同じ数字を入力してOKボタンをクリックしてみて下さい。
ソースコードは次の通りです。
<script type="text/javascript"> <!-- function loop() { var num = document.getElementById("dat"); document.getElementById("dat2").value = "約数(昇順に5つ):"; var i = 1; var j = 0; while ( i <= num ) { if (num % i == 0){ document.getElementById("dat2").value += i + " "; j++; if (j == 5){ break; } } i++; } } //--> </script> <div style="background-color : #CCC; padding : 20px;"> <form> <div style="display:inline-flex"> <input type="text" id="dat" size="10"> <input type="button" value="OK" onClick="loop()"> </div> <input type="text" id="dat2" value="約数(昇順に5つ):"> </form> </div>
ループ処理の中で、約数の数をカウントするために、変数jを宣言して、初期値0を代入します。
var j = 0;
そして、「num % i == 0」となる場合に、i が約数となりますが、i を出力した後で j をインクリメントして、その結果 j が5となった時点でbreak文を記述して、ループ処理を抜け出しています。
( j は初期値が0のため、インクリメント後の値が、約数の数となります。)
if (num % i == 0){ document.getElementById("dat2").value += i + " "; j++; if (j == 5){ break; } }
その他の、while文の内容については、while 文の使い方をご参照下さい。
上記のサンプルを、for文を使って記述すると、次のようになります。
<script type="text/javascript"> <!-- function loop() { var num = document.getElementById("dat"); document.getElementById("dat2").value = "約数(昇順に5つ):"; var j = 0; for (var i = 1; i <= num; i++) { if (num % i == 0){ document.getElementById("dat2").value += i + " "; j++; if (j == 5){ break; } } } } //--> </script> <div style="background-color : #CCC; padding : 20px;"> <form> <div style="display:inline-flex"> <input type="text" id="dat" size="10"> <input type="button" value="OK" onClick="loop()"> </div> <input type="text" id="dat2" value="約数(昇順に5つ):"> </form> </div>
スキルアップ
2021.03.02
未経験からプログラマーを目指しているものの「自分はプログラミングに向いているのかわからない」という不安から、プログラミング学習に踏み切れない人も多いでしょう。そこで本記事では、プログラミングに向いている人や向いていない人 […]
スキルアップ
2021.02.25
プログラミング初心者で、最速で技術を身につけたいと考えている人の悩みを解決します。 後述しますが、「1000時間ルール」という法則がありプログラミング初心者の方はまず1000時間の学習を目標にしましょう。今回は、プログラ […]
スキルアップ
2021.02.22
「プログラミングスクールが多すぎて選び方の基準がわからない」「スクール選びに失敗してお金も時間も無駄にすることだけはしたくない」そんな初心者の方に向けて、この記事では自分に合ったプログラミングスクールの選び方を解説します […]
プログラマハック
2021.02.19
フリーターからプログラマーになろうとしている方の中には「未経験者でも正社員として採用してもらえるか?」「自分は職歴なしのフリーターだけど、本当にプログラマーになれるのだろうか?」と不安を感じている方も多いはず。そこで今回 […]
卒業生インタビュー
2021.02.17
受講スクール プログラマカレッジ 受講期間 昼間コース(3ヶ月間) 料金 無料 就職先 株式会社アールピーシー プログラマカレッジ卒業生の岡嶋さんにお話しをお伺いしました! 目次 仕事は楽しかったし、やりがいもあった。そ […]
お知らせ
2021.02.09
※※当イベントは、募集を終了いたしました。沢山のご応募ありがとうございました。 既にお申込みいただいている方には順次メールにて当日のご案内をお送りしております。当日15時までにメールが確認できない場合は、お問い合わせまで […]
INTERNOUS,inc. All rights reserved.