条件分岐

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 (式) {
  処理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 (式1) {
  処理1;
} else if (式2) {
  処理2;
} else {
  処理3;
}

if文のフローチャート

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

let age = 20;

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