switch 文とは複数の値の中のいずれかと一致するかどうかを調べ、実行する処理を分ける方法です。条件によってはif文よりもswitch文の方が簡潔なコードで処理を実現できるケースもございます。今回はswitch文について紹介します。
switch – case文とは
switch – case文の基本
switch – case文の基本構文は下記のようになります。
JavaScript
switch (式){
case 値1：
式 === 値1 の時に実行する処理A;
...
break;
case 値2:
式 === 値2 の時に実行する処理B;
...
break;
case 値3:
式 === 値3 の時に実行する処理C;
...
break;
default:
式がいずれの値とも一致しないときに実行する処理D;
...
}式 === 値1の際は処理A、式 === 値2の際は処理B、式 === 値3の際は処理C、どの式にも当てはまらない際は処理Dを実行します。
JavaScript
let animal = 'ねこ';
switch (animal){
case 'ねこ':
console.log('私は猫が好きです');
break;
case 'いぬ':
console.log('私は犬が好きです');
break;
default:
console.log('私は他の動物が好きです');
}出力結果
JavaScript
私は猫が好きです上記コードの場合はanimalに ‘ねこ’ が代入されているのでcase ‘ねこ’の際の処理が実行されるため’私は猫が好きです’と出力されます。
break文とは
break 文とは記述されている最も内側の繰り返し処理を終了させ次の処理へ移させるものです。
JavaScript
let animal = 'ねこ';
switch (animal){
case 'ねこ':
console.log('私は猫が好きです');
case 'いぬ':
console.log('私は犬が好きです');
default:
console.log('私は他の動物が好きです');
}先ほどの例にbreak文がなく上記のような記述だと出力結果は下記のようになります。
出力結果
JavaScript
私は猫が好きです
私は犬が好きです
私は他の動物が好きですcase ’ねこ’ の際の処理が終わっても続けて他の処理を実行してしまいます。
JavaScript
let animal = 'ねこ';
switch (animal){
case 'ねこ':
console.log('私は猫が好きです');
break;
case 'いぬ':
console.log('私は犬が好きです');
break;
default:
console.log('私は他の動物が好きです');
}上記の様にbreak文を記載することで、記述されている最も内側の繰り返し処理を終了させ次の処理へ移させる、つまりswitch文の処理を終了させ次の処理に移ることができます。
例題
以下コードの出力値はどれか
JavaScript
let age = 21;
switch (age){
case 20 :
console.log('私は20歳です');
case 21:
console.log('私は21歳です');
default:
console.log('私は20歳でも21歳でもありません');
}- 私は21歳です
- 私は20歳でも21歳でもありません
- 私は21歳です私は20歳でも21歳でもありません
- 私は20歳です私は21歳です私は20歳でも21歳でもありません
回答
3. 私は21歳です私は20歳でも21歳でもありません
‘case 21’に一致するが、break文がないのでそれ以下の処理が実行されてしまうため。
以下コードの出力値はどれか
JavaScript
let age = 20;
switch (age){
case 20 :
console.log('私は20歳です');
break;
case 21:
console.log('私は21歳です');
break;
default:
console.log('私は20歳でも21歳でもありません');
}- 私は20歳です
- 私は21歳です
- 私は20歳でも21歳でもありません
- 私は20歳です私は21歳です私は20歳でも21歳でもありません
回答
1. 私は20歳です
‘case 20’に一致するため。