switch ― 値で分岐する

導入

同じ変数の値で何通りにも分けるとき、if / else if が長くなりがちです。そんなときは switch が読みやすくなります。

説明

switch (式) のあと、case 値: で枝を書きます。各枝の末尾に break を忘れないようにします（忘れると次の case に落ちます）。

const day = "火";
switch (day) {
  case "月":
    console.log("月曜日");
    break;
  case "火":
    console.log("火曜日");
    break;
  case "水":
    console.log("水曜日");
    break;
  default:
    console.log("その他の曜日");
}

複数の case をまとめることもできます。

const code = "A";
switch (code) {
  case "A":
  case "B":
    console.log("優良");
    break;
  case "C":
    console.log("普通");
    break;
  default:
    console.log("要努力");
}

やってみよう

day や code の値を変えて、どの枝が実行されるか確かめましょう。わざと break を外すとどうなるかも試してみてください。

演習

const rank = "金"; について、switch で "金" → "1位"、"銀" → "2位"、それ以外 → "圏外" と表示してください。