複数条件の処理 | else if構文 | JavaScript 超完全入門 基本から発展までのすべて

スポンサーリンク
スポンサーリンク

else if構文とは？

JavaScriptのif文では、1つの条件を評価してその結果に基づいてコードを実行します。しかし、条件が1つではなく、複数の条件を評価する必要がある場合に使うのがelse if構文です。else ifを使うことで、複数の条件を順番に評価し、最初にtrueとなる条件のコードを実行します。

else if構文の基本構造

else ifは、最初のif条件がfalseであった場合に、次に評価される条件を定義します。複数のelse ifを使って、複数の条件を順に評価できます。

let score = 75;

if (score >= 90) {
    console.log("優秀です");
} else if (score >= 70) {
    console.log("良い成績です");
} else if (score >= 50) {
    console.log("合格です");
} else {
    console.log("再試験が必要です");
}

この例では、scoreが90以上であれば「優秀です」、70以上であれば「良い成績です」、50以上であれば「合格です」と表示され、それ以外は「再試験が必要です」となります。

else ifでの複数条件の評価

else if文では、複数の条件を評価するために、&&（論理積）や||（論理和）を使って、条件を組み合わせることができます。論理積はすべての条件がtrueである場合にのみ評価が成功し、論理和は1つでも条件がtrueであれば評価が成功します。

論理積（AND, &&）を使った例

次に、複数の条件を&&で組み合わせたelse if文を見てみましょう。

let age = 20;
let isStudent = true;

if (age >= 18 && isStudent) {
    console.log("学生割引が適用されます");
} else if (age >= 18) {
    console.log("通常料金です");
} else {
    console.log("未成年料金が適用されます");
}

この例では、年齢が18歳以上かつ学生であれば「学生割引が適用されます」、18歳以上であれば「通常料金です」、それ以外は「未成年料金が適用されます」と表示されます。

論理和（OR, ||）を使った例

次に、||（論理和）を使って、いずれかの条件がtrueであれば評価が成功する例を見てみましょう。

let hasVIPPass = false;
let isGuest = true;

if (hasVIPPass || isGuest) {
    console.log("VIPエリアに入場できます");
} else {
    console.log("一般エリアにご案内します");
}

この例では、VIPパスを持っているか、ゲストであれば「VIPエリアに入場できます」、どちらでもなければ「一般エリアにご案内します」と表示されます。

else ifとelseの使い分け

elseは、すべてのifやelse ifの条件がfalseであった場合に実行される部分です。else ifでは特定の条件を評価しますが、elseでは条件を指定せず、それまでのどの条件にも該当しない場合に処理を実行します。

let temperature = 35;

if (temperature > 30) {
    console.log("今日は暑いです");
} else if (temperature > 20) {
    console.log("ちょうどいい気温です");
} else if (temperature > 10) {
    console.log("少し寒いです");
} else {
    console.log("とても寒いです");
}

この例では、気温が30度以上であれば「今日は暑いです」、20度以上であれば「ちょうどいい気温です」、10度以上であれば「少し寒いです」、それ以外の場合には「とても寒いです」と表示されます。

まとめ

JavaScriptのelse if構文は、複数の条件を順に評価し、条件に応じた適切な処理を行うための便利な手段です。&&（論理積）や||（論理和）を使って条件を組み合わせることで、複雑なロジックを実現することができます。また、elseを使って、すべての条件がfalseだった場合にデフォルトの処理を実行することも可能です。

スポンサーリンク