メインコンテンツまでスキップ

条件分岐

if 構文#

if 構文は、JavaScript制御構造で、特定の条件下のみで実行されるプログラムを記述することができます。

基本構造#

let age = 18;if (age < 20) {  document.write("未成年者の場合は法定代理人の同意が必要です。");}

このプログラムは、 未成年者の場合は法定代理人の同意が必要です。 と表示しますが、1 行目を let age = 20; に変更すると何も表示されなくなります。

2 行目の if (age < 20) { 部分がポイントです。ここに差し掛かると、括弧内の age < 20評価され、true になります。このため、直後の波括弧内の処理が実行されます。

if 文の基本構造は

if () {  処理;}

で、評価結果が true であれば処理が実行されます。

if ~ else#

if ~ else 構文を用いると、条件が満たされなかったときの処理を記述できます。

if () {  処理1;} else {  処理2;}

評価結果が true であれば処理 1 が、false であれば処理 2 が実行されます。

let age = 18;if (age >= 20) {  document.write("大人です");} else {  document.write("子供です");}

この例では、age >= 20評価false となるので、子供です が表示されます。

if ~ else if ~ else#

if ~ else if ~ else 構文を使うと、複数の条件を重ねることができます。

if (1) {  処理1;} else if (2) {  処理2;} else {  処理3;}

if文のフローチャート

演習#

自分の年齢を変数に入れておきます。

let age = 20;

下を満たすプログラムを作成してください。

  • 18 歳未満なら 選挙権はありません と表示する
  • 18 歳以上 ~ 25 歳未満なら 投票に行けます と表示する
  • 25 歳以上なら 衆議院議員に立候補できます と表示する