JavaScriptのswitch文

#switch文とは
if文などの条件分岐をわかりやすくまとめた書き方です。
switch文をif文と比較するとかなり書きやすいです。

⚫︎条件分岐の資料

#switch文の書き方
書き方を下記に記載します。

下記の参考資料より引用します。

switch (式){
  case 値A：
    式が値A の場合に実行する処理;
    break;
  case 値B:
    式が値B の場合に実行する処理;
    break;
  case 値C:
式が値C の場合に実行する処理;
    break;
  default:
    式の値がいずれのcaseとも一致しない場合に実行する処理;
}

これ以外にもあります。

数値を使う時

switch (a) {
    case 1:
        console.log('aは1です');
        break;
    default:
        console.log('aの値は1ではありません');
}

文字列を使う時です。

switch (birthplace) {
    case '東京':
        console.log('出身地は東京です');
        break;
    default:
        console.log('出身地は東京以外です');
}

⚫︎資料
https://www.pasonatech.co.jp/workstyle/column/detail.html?p=2624

こちらの資料に他の書き方も載っているので見てみてください。

#if文とswitch文の比較
if文とswitch文を比較するとわかりやすいかと思います。

まずはif文です。

const favorite_sports = '野球';

if (favorite_sports === '野球') {
  console.log('野球');
} else if (favorite_sports === 'サッカー') {
  console.log('サッカー');
} else if (favorite_sports === 'バスケ') {
  console.log('バスケ');
} else if (favorite_sports === 'バレー') {
  console.log('バレー');
} else {
  console.log('スポーツ嫌い');
}
//野球と出力

続いてswitch文です。

const favorite_sports = '野球';

switch (favorite_sports) {
  case '野球':
    console.log('野球が好き');
    break;
  case 'サッカー':
    console.log('サッカーが好き');
    break;
  case 'バスケ':
    console.log('バスケが好き');
    break;
  case 'バレー':
    console.log('バレーが好き');
    break;
  default:
    console.log('スポーツ嫌い');
}

//野球が好きと出力
//breakがないと処理が余計に走ります。

⚫︎注意点
breakがないと処理が余計に走ります。
もしconsole.log('野球が好き');の下のbreakがないと
野球を出力させたいのにサッカーから下まで全部処理が走ります。