JavaScriptのelse ifを使った多段階条件分岐の書き方をやさしく解説！初心者でもわかる
生徒
「先生、JavaScriptで条件をいくつも分けて処理をしたいんですが、どう書けばいいですか？」
先生
「それならelse ifを使った多段階条件分岐が便利です。状況に応じて、いくつもの条件を順番にチェックできますよ。」
生徒
「else ifって何ですか？普通のif文とどう違うんですか？」
先生
「簡単に言うと、ifは最初の条件を調べて、合わなければ次の条件を調べるのがelse ifです。複数の条件を順番に判断したいときに使います。」
生徒
「じゃあ、具体的な書き方を教えてください！」
先生
「では、基本の使い方から見ていきましょう。」
1. else ifを使った多段階条件分岐の基本構造
else ifは「もし最初の条件が違ったら、次の条件をチェックする」という意味で使います。たとえば、成績を評価するプログラムで点数によって結果を変えたいときに便利です。
基本的な書き方は次の通りです。
if (条件1) {
// 条件1がtrueのときの処理
} else if (条件2) {
// 条件2がtrueのときの処理
} else if (条件3) {
// 条件3がtrueのときの処理
} else {
// どの条件にも当てはまらないときの処理
}
このように、条件をどんどん追加していけるのがポイントです。
2. 例：点数による成績判定プログラム
具体的に、点数に応じて「優」「良」「可」「不可」と評価を変えるプログラムを書いてみましょう。
let score = 85;
if (score >= 90) {
console.log("成績は優です");
} else if (score >= 75) {
console.log("成績は良です");
} else if (score >= 60) {
console.log("成績は可です");
} else {
console.log("成績は不可です");
}
ここでは、点数が90以上なら「優」、75以上なら「良」、60以上なら「可」、それ以外は「不可」となります。else ifで段階的に判定しています。
3. else ifの仕組みと処理の流れ
プログラムは上から順番に条件をチェックしていきます。最初のifの条件がtrueなら、その処理を実行して後は飛ばします。
もしfalseなら、次のelse ifの条件をチェックします。これを繰り返し、どれにも当てはまらなければelseの処理を実行します。
例えば、上の例でscoreが80なら、最初のif（90以上）はfalseなので、次のelse if（75以上）がtrueになり「成績は良です」と表示されます。
4. 多段階条件分岐の注意点
複数のelse ifを書くときは、条件の順番に気をつけましょう。上から順に判定されるため、条件が重なっていると正しく動かないことがあります。
例えば、score >= 60より先にscore >= 75を書くと、75以上は60以上の条件も満たすため、上から順に正しくチェックできるように大きい条件から書くのが基本です。
5. else ifの代わりにswitch文を使う場合もある
条件が単純に値の一致を判定するだけなら、switch文を使うこともできます。switchは同じように条件分岐しますが、else ifよりも読みやすい場合があります。
ただし、switchは範囲判定（例えば「60以上」など）には向いていないので、範囲判定ではelse ifが使われます。
6. 例外的な使い方と簡単な条件式
条件式は単純な比較だけでなく、論理演算子（&&や||）を使って複数の条件を組み合わせることもできます。
例えば、「点数が60以上かつ出席率が80%以上なら合格」という条件はこう書けます。
let score = 65;
let attendance = 85;
if (score >= 60 && attendance >= 80) {
console.log("合格です");
} else {
console.log("不合格です");
}
このようにelse ifと論理演算子を組み合わせて、より細かい条件分岐ができます。
7. まとめないけど、理解を深めるために
ここまで、多段階条件分岐のelse ifの書き方と注意点を解説しました。複数の条件を順に判定し、どの条件にも当てはまらなければ最後のelseで処理をすることが基本です。
ぜひ実際にプログラムを書いて動かしながら、条件分岐の仕組みを体感してみてくださいね。
