Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@masashikuwahara

JavaScriptの条件分岐switchについて

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
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?