LoginSignup
0
0

More than 3 years have passed since last update.

JavaScriptの条件分岐switchについて

Posted at

JavaScriptのswitchは同値演算子(===)に特化した条件分岐です。
同値演算子とは等値演算子(==)よりも厳密に比較したい時に使われます。

switchの構文は次のように書きます。

   switch(式){
   case 値1:
   // 「式 === 値1」である時に実行したい処理を書く
   break;//ここでswitch文を抜ける意味
   case 値2:
   // 「式 === 値2」であると時に実行したい処理を書く
   break;//ここでswitch文を抜ける意味
   default:
   // 式の値がすべての値に合致しない時に実行したい処理を書く
   break;
 }

次に例文を書いてみます。

var n = 1;
switch(n) {
  case 1:
  console.log('数値は1です');
  break;
  case 2:
  console.log('数値は2です');
  break;
  case 3:
  console.log('数値は3です');
  break;
  default:
  console.log('範囲外です');
  break;
}

これを実行すると

df517c8aef1853b55b69112287b4191b.png

のように出力されました。
この場合変数nに1が代入されcase1に当てはまるので'数値は1です'が実行されました。
次にどれにも当てはまらない4を代入してみます。

var n = 4;
switch(n) {
  case 1:
  console.log('数値は1です');
  break;
  case 2:
  console.log('数値は2です');
  break;
  case 3:
  console.log('数値は3です');
  break;
  default:
  console.log('範囲外です');
  break;
}

実行結果

e513753045a1a9d0221000a4fdcb4cb8.png

case1,2,3どれも当てはまらないのでdefaultが実行されました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0