
スキルアップ
2021.03.02
プログラミングに向いている人の特徴5つ!向いていない人の特徴も紹介
未経験からプログラマーを目指しているものの「自分はプログラミングに向いているのかわからない」という不安から、プログラミング学習に踏み切れない人も多いでしょう。そこで本記事では、プログラミングに向いている人や向いていない人 […]
JavaScript
2017.09.27
「もし○○○なら●●●をする」というような、ある条件を満たすかどうかで処理の内容を決めるプログラミングを、条件分岐といいます。
今回は、条件分岐の中で最も簡単な構造のif文を紹介します。
1.if 文とは
2.if 文の使い方
3.else if 文とは
4.else if 文の使い方
if文とは、ある条件を満たす場合と満たさない場合とで、処理内容が二分される条件分岐です。
条件を満たす場合をtrue、満たさない場合をfalseといいます。
JavaScriptで実現可能な条件分岐の中には、「ある値が1の場合はAの処理をして、2の場合はBの処理をして、3の場合はCの処理をして、…」のようなものもありますが、if文は、結果が単純に二分されます。
if文は、次のように記述します。
if ( 条件 ) {
条件が true の場合の処理内容
}
カッコ内に条件式を記述して、条件を満たす場合(true)は中カッコ内の処理が実行され、条件を満たさない場合(false)は中カッコ内の処理が実行されません。
この書き方では、falseの場合は特に処理は行われません。
これに対して、falseの場合はtrueの場合と違う処理を実行させたい時は、次のように記述します。
if ( 条件 ) {
条件が true の場合の処理内容
} else {
条件が false の場合の処理内容
}
条件がtrueの場合はifの処理内容、falseの場合はelseの処理内容が実行されます。
次のサンプルは、入力された数値が奇数か偶数かを判別して表示するプログラムです。
実際に、数値を入力してOKボタンをクリックしてみて下さい。
ソースは次の通りです。
<script type="text/javascript"> <!-- function judge() { var num = document.sample.dat.value; if (num % 2 == 0) { alert(num + "は偶数です!"); } else { alert(num + "は奇数です!"); } } //--> </script> <div style="background-color : #CCC; padding : 20px;"> <form name="sample"> 数値を入力してOKボタンをクリックして下さい! <input type="text" name="dat" size="10"> <input type="button" value="OK" onClick="judge()"> </form> </div>
このサンプルコードでは、if文で条件分岐する処理を、judge()というユーザ定義関数に記述しています。
そして、OKボタンをクリックすると、イベントハンドラのonClickによって、judge()が呼び出される仕組みです。
judge()の中で、画面から入力されたデータを「document.sample.dat.value」として取得して、変数numに代入した後、if文で条件分岐しています。
条件式「num % 2 == 0」は、「変数numの値を2で割った時の余りが0」という意味ですので、この条件式がtrueの場合は変数numは偶数、falseの場合は変数numは奇数となって、処理内容であるアラートの表示内容が決定するという流れです。
if文は、条件式がtrueの場合とfalseの場合とで処理を分ける条件分岐ですが、この条件式自体を複数設定することもできます。
条件式自体を複数設定する場合、2つ目以降の条件式は「else if」を使って次のように記述します。
if ( 条件1 ) {
条件1が true の場合の処理内容
} else if (条件2) {
条件2が true の場合の処理内容
} else {
条件が全て false の場合の処理内容
}
条件1がtrueの場合はifの処理内容、条件1がfalseの場合で条件2がtrueの場合はelse ifの処理内容、どの条件もfalseの場合はelseの処理内容が実行されます。
else ifを使うと、else if(条件2)、else if(条件3)、…と、いくつでも条件式を追加することができます。
入力データが偶数か奇数かを表示する 先ほどのサンプルプログラムに、else if 文を加えてみます。
先ほどのサンプルは、入力データが偶数でない場合は全て奇数として表示していたため、仮に数値以外の文字データが入力された場合でも、「(入力データ)は奇数です!」とアラート表示される内容でした。
これを、偶数でも奇数でもない場合を想定して作り直してみます。
実際に、数値以外のデータを入力して確認してみて下さい。
ソースは次の通りです。
<script type="text/javascript"> <!-- function judge() { var num = document.sample.dat.value; if (num % 2 == 0) { alert(num + "は偶数です!"); } else if (num % 2 == 1) { alert(num + "は奇数です!"); } else { alert(num + "は数値ではありません!"); } } //--> </script> <div style="background-color : #CCC; padding : 20px;"> <form name="sample"> 数値を入力してOKボタンをクリックして下さい! <input type="text" name="dat" size="10"> <input type="button" value="OK" onClick="judge()"> </form> </div>
条件分岐処理を、judge()というユーザ定義関数に記述し、OKボタンクリック時にイベントハンドラのonClickによって、judge()が呼び出されるという仕組みは、前のサンプルと同じです。
judge()の中で、画面から入力されたデータを「document.sample.dat.value」として取得して、変数numに代入した後、if 文 及び else if 文 で条件分岐しています。
1番目の条件式「num % 2 == 0」は、「変数numの値を2で割った時の余りが0」という意味ですので、この条件式がtrueの場合は変数numは偶数としてアラートの表示内容を決定しています。
1番目の条件式がfalseの場合、2番目の条件式「num % 2 == 1」は、「変数numの値を2で割った時の余りが1」という意味ですので、この条件式がtrueの場合は変数numは奇数としてアラートの表示内容を決定しています。
1番目の条件式も2番目の条件式もfalseの場合、変数numは数値以外のデータとしてアラートの表示内容を決定しています。
スキルアップ
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.