JavaScript超入門③ if文で条件によって処理を分けよう
if、else if、else、厳密等価演算子、論理演算子、switch文を学びます。
第3回では、条件によって動きを変えるif文を学びます。
if文
const age = 20;
if (age >= 18) {
console.log("18歳以上です");
}条件がtrueの場合だけ、波かっこの中が実行されます。
比較演算子
| 記号 | 意味 |
|---|---|
| === | 値と型が等しい |
| !== | 値または型が等しくない |
| > | より大きい |
| < | より小さい |
| >= | 以上 |
| <= | 以下 |
JavaScriptには==もありますが、自動的な型変換で意外な結果になることがあります。初めは**===**を使うと安全です。
else ifとelse
const score = 75;
if (score >= 80) {
console.log("とてもよくできました");
} else if (score >= 60) {
console.log("合格です");
} else {
console.log("もう一度復習しましょう");
}条件は上から順番に確認されます。
条件を組み合わせる
| 記号 | 意味 |
|---|---|
| && | 両方がtrue |
| || | どちらかがtrue |
| ! | trueとfalseを反対にする |
const age = 19;
const hasTicket = true;
if (age >= 18 && hasTicket) {
console.log("入場できます");
}switch文
const menu = 2;
switch (menu) {
case 1:
console.log("ゲーム開始");
break;
case 2:
console.log("設定を開く");
break;
default:
console.log("選択肢がありません");
}決まった値ごとに処理を分ける場合は、switch文が読みやすいことがあります。
小さな練習
気温を変数へ入れ、30度以上、15度以上、それ以外の3段階でメッセージを変えてください。
模範解答
const temperature = 22;
if (temperature >= 30) {
console.log("暑いです");
} else if (temperature >= 15) {
console.log("過ごしやすいです");
} else {
console.log("寒いです");
}解説
条件は上から順に調べられます。30度以上を最初に判定し、当てはまらなかった値だけを15度以上かどうか調べます。22は2番目の条件に当てはまるため、「過ごしやすいです」と表示されます。
まとめ
- if文は条件がtrueの場合に実行されます。
- 値と型の比較には===を使います。
- &&や||で条件を組み合わせられます。