条件分岐 — if / else if / else

プログラムは「分かれ道」で判断する

if 文は「もし〜なら、こうする」という分かれ道です。たとえば散歩中に分かれ道があって、「雨なら傘の道、晴れなら公園の道」と選ぶのと同じです。条件が正しい(true)なら { } の中を実行し、そうでなければ飛ばします。

const age = 20;
if (age >= 20) {
  console.log("おとな");
} else {
  console.log("みせいねん");
}

分かれ道が3つ以上あるときは else if でつなぎます。上から順に条件を試して、最初に true になった道だけを通ります。

const score = 75;
if (score >= 80) {
  console.log("合格");
} else if (score >= 60) {
  console.log("あと少し");
} else {
  console.log("不合格");
}

比較演算子 — 2つの値をくらべる

条件の中では、値どうしをくらべる比較演算子を使います。=== は「等しい」、!== は「等しくない」、< > <= >= は大小の比較です。くらべた結果は必ず true か false(真偽値)になります。

console.log(5 === 5);   // true(等しい)
console.log(5 !== 3);   // true(等しくない)
console.log(3 < 5);     // true(3は5より小さい)
console.log(5 <= 4);    // false

console.log(0 == "");     // true(型が違うのに等しい扱い)
console.log(1 == true);   // true(数値と真偽値を混ぜて比較)

console.log(0 === "");    // false(数値と文字列は別物)
console.log(1 === true);  // false(数値と真偽値は別物)

== は型の違いを見逃してあいまいに比べるため、思わぬ結果になります。迷ったら === を使えば、まず間違いありません。

&& と || — 条件を組み合わせる

複数の条件を合わせたいときは、&&(かつ)と ||(または)を使います。&& は「両方とも true なら true」、|| は「どちらか一方でも true なら true」です。「傘を持っていて、かつ雨なら」は &&、「土曜または日曜なら」は || です。

const age = 25;
const hasTicket = true;
if (age >= 20 && hasTicket) {
  console.log("入場できます"); // 両方 true なので通る
}

const day = "日";
if (day === "土" || day === "日") {
  console.log("週末です"); // どちらか当たれば通る
}

• if / else if / else は「分かれ道」。上から順に、最初に当てはまった道だけ通る
• 比較演算子(===、!==、<、>、<=、>=)の結果は true か false になる
• 値を比べるときは === を使う。= は代入なので混同しない
• && は「かつ(両方 true)」、|| は「または(どちらか true)」