elseを使った条件分岐の動作とその応用をわかりやすく解説

elseの概要

elseの基本的な使い方

以下は、elseを使用した条件分岐の基本的な例です。

// if...elseの基本例
const age = 18;

if (age >= 20) {
    console.log("あなたは成人です。");
} else {
    console.log("あなたは未成年です。");
}

// 出力: あなたは未成年です。

• ifの条件がtrueであれば、そのブロックが実行されます。
• falseの場合はelseブロックが実行されます。

else ifを使った複数条件の処理

複数の条件を評価する場合は、else ifを使用します。

// else ifを使用した複数条件
const score = 75;

if (score >= 90) {
    console.log("評価: 優");
} else if (score >= 75) {
    console.log("評価: 良");
} else if (score >= 50) {
    console.log("評価: 可");
} else {
    console.log("評価: 不可");
}

// 出力: 評価: 良

• else ifは条件を順番に評価します。
• 最初にtrueとなった条件のブロックが実行されます。

ネストしたif…elseの処理

if...elseをネストして使うことで、複雑な条件を処理できます。

// ネストした条件分岐
const age = 30;
const isMember = true;

if (age >= 20) {
    if (isMember) {
        console.log("成人で会員です。");
    } else {
        console.log("成人ですが、会員ではありません。");
    }
} else {
    console.log("未成年です。");
}

// 出力: 成人で会員です。

• ネストを使うと条件を詳細に分けることができます。
• ネストが深くなるとコードが複雑になるため、簡潔な書き方を心がけましょう。

注意点

• コードの可読性: 条件が複雑になると、else ifやネストが多くなり可読性が低下するため、適切なコメントやロジックの分割を検討してください。
• 条件の順序: else ifは上から順に評価されるため、条件の順番が重要です。
• 不要なelse: elseを使用せずに早期リターン（return）で処理を終了する方法も有効です。

よくある質問

Q: elseを省略することはできますか？

A: はい、elseを省略することは可能ですが、条件が満たされない場合の処理を記述する必要がある場合は必須です。

Q: ifとelseの代わりにswitchを使うべき場合は？

A: 値が特定の選択肢のいずれかに一致する場合はswitchのほうが適切です。

Q: 複雑な条件をどう簡潔に書くべきですか？

A: 複雑な条件は関数やコメントを使って整理し、必要に応じて早期リターンや三項演算子を活用してください。

まとめ

elseは、if文の条件が満たされなかった場合の処理を記述するための便利な仕組みです。

• 複数の条件を扱う場合はelse ifを組み合わせましょう。
• コードが複雑になりすぎないよう、ネストや条件の順序に注意してください。
• 適切な条件分岐を設計することで、コードの可読性と保守性が向上します。