JavaScript - switch による処理の分岐
公開日:2018-11-29 更新日:2019-05-13
1. 概要
switch を使うと、処理を複数に分岐できます。
2.1 switch
no の値に応じて処理を分岐します。
また、各case の 終わりは、break をつける必要があります。
break をつけないと、次の case の処理も実行されるため、要注意です。
また、各case の 終わりは、break をつける必要があります。
break をつけないと、次の case の処理も実行されるため、要注意です。
var no = 1;
switch (no) {
case 1:
console.log("1です");
break;
case 2:
console.log("2です");
break;
case 3:
console.log("3です");
break;
default:
console.log("該当するケースがない場合");
}
1です
2.2 break を使わない例
no が 0~4の場合、各 case に break がないため、case 4 の処理が実行されます。
var no = 2;
switch (no) {
case 0:
case 1:
case 2:
case 3:
case 4:
console.log("4以下です");
break;
}
4以下です
2.3 文字列で分岐
数値だけでなく文字列で分岐することもできます。
var word = 'りんご';
switch (word) {
case 'りんご':
console.log('apple');
break;
case 'みかん':
console.log('orange');
break;
default:
console.log('該当するケースがない場合');
break;
}
apple
2.4 条件式で分岐
swich で指定した値と case の値が一致すれば良いので、条件式を使って書くこともできます。
var no = 3;
switch ( true ) {
case no <= 4:
console.log('4以下です。');
break;
case no >= 5:
console.log('5以上です。');
break;
}
4以下です。