【JavaScript】Switch文

JavaScriptのSwitch文とは？

Switch文の概要

Switch文は、複数の選択肢から1つを選ぶための構文です。
特に、いくつかの条件を一度に扱うときに便利です。
通常、if文を使うと、条件が増えるごとにコードが長くなり、読みづらくなります。Switch文は、同じ変数や値を比較する際に、簡潔でわかりやすいコードにすることができます。

Switch文の基本構文

switch (式) {
    case 条件1:
        式が条件1と一致するときに実行する処理;
        break;
　　case 条件2:
　　　　式が条件2と一致するときに実行する処理;
        break;
　　case 条件3:
　　　　式が条件3と一致するときに実行する処理;
        break;
　　default:
　　　　式がいずれのcase文とも一致しないときに実行する処理;
}

JavaScript Switch文の使い方

基本的なSwitch文の使い方

例えば、天気を判定して、メッセージを表示したいときにSwitch文を使うと便利です。

let weather = "Sunny";

switch (weather) {
    case "Sunny":
        console.log("晴れです");
　　    break;
　　case "Rain":
　　    console.log("雨です");
　　    break;
　　default:
　　　　console.log("その他の天気です");
}

出力結果：
晴れです

このように、曜日ごとに`case`を指定して、それぞれの条件に応じた処理を行います。

if文との使い分け

Switch文は、if文やelse文で条件を分岐させるよりも、複数の選択肢がある場合に特に有効です。Switch文を使うと、コードがスッキリし、可読性が向上します。
if文を使った場合、条件が増えるごとにコードが長くなり、見づらくなりますが、Switch文を使うことで、すべての条件を一つの場所にまとめて書けるため、見やすくなります。

以下は、if文を使った例とSwitch文を使った例を比較します。

// if文の場合
let day = "Monday";

if (day === "Monday") {
　　console.log("月曜日です");
} else if (day === "Tuesday") {
　　console.log("火曜日です");
} else {
　　console.log("その他の曜日です");
}

// switch文の場合
let day = "Monday";

switch (day) {
　　case "Monday":
　　　　console.log("月曜日です");
　　　　break;
　　case "Tuesday":
　　　　console.log("火曜日です");
　　　　break;
　　default:
　　　　console.log("その他の曜日です");
}

Switch文を使うことで、条件分岐が明確になり、コードがシンプルになります。

Switch文を使う際の注意点

Switch文を使う際の注意点

Switch文を使う際には、`break`を忘れずに書くことが重要です。
`break`がないと、次の`case`が実行されてしまうため、意図しない動作を引き起こすことがあります。

以下は、`break`を忘れた場合の問題点です。

let day = "Monday";

switch (day) {
　　case "Monday":
　　　　console.log("月曜日です");
　　case "Tuesday":
　　　　console.log("火曜日です");
　　　　break;
　　default:
　　　　console.log("その他の曜日です");
}

出力結果：
月曜日です
火曜日です

この場合、`月曜日です`が表示された後、`火曜日です`も表示されてしまいます。
バグの原因となる可能性があるため、`break`を忘れないようにしましょう。

まとめ

Switch文は、複数の条件をシンプルでわかりやすく書ける強力なツールです。
if文を使うよりも簡潔で可読性の高いコードを書くことができます。Switch文の使い方をマスターすれば、条件分岐を効率よく処理できるようになります。