JavaScript | switch 文

JavaScript JavaScript
スポンサーリンク

主な内容の要点

switch 文の基本

  • 複数の条件分岐をシンプルに書ける構文。
  • 書き方の基本形:
switch (式) {
  case 値1:
    // 式 === 値1 のとき実行
    break;
  case 値2:
    // 式 === 値2 のとき実行
    break;
  default:
    // どの case にも当てはまらないとき実行
}
JavaScript
  • if ... else if ... else を並べるより見やすくなる。

重要なポイント

  • 比較は ===(厳密な等価演算子)で行われる。
  • break を書かないと、次の case も続けて実行される(これを「フォールスルー」と呼ぶ)。
  • default は「どれにも当てはまらない場合」の処理。省略も可能。

let pref = 'Osaka';

switch (pref) {
  case 'Tokyo':
    console.log('住所は東京都です');
    break;
  case 'Osaka':
    console.log('住所は大阪府です');
    break;
  default:
    console.log('住所はその他です');
}
JavaScript

➡ この場合は「住所は大阪府です」と表示される。


break を忘れると…

let pref = 'Osaka';

switch (pref) {
  case 'Tokyo':
    console.log('東京都');
  case 'Osaka':
    console.log('大阪府');
  case 'Fukuoka':
    console.log('福岡県');
  default:
    console.log('その他');
}
JavaScript

Osaka に一致すると、以降の case が全部実行されてしまう。
(結果:大阪府 → 福岡県 → その他)


応用:複数の値で同じ処理

let ans = 'August';

switch (ans) {
  case '8月':
  case '八月':
  case 'August':
    console.log('正解です');
    break;
  default:
    console.log('不正解です');
}
JavaScript

➡ どの表記でも「正解です」となる。


まとめ

  • switch は「値がいくつかの候補のどれに一致するか」を調べるのに便利。
  • if でも書けるが、候補が多いときは switch の方がスッキリ。
  • 必ず break を意識すること。
  • 複数の値をまとめて同じ処理にできるのも便利。

初心者の方はまず「if で書けるものを switch に書き換えてみる」練習をすると理解が深まりますよ。

タイトルとURLをコピーしました