JavaScript switch文のサンプル |

JavaScriptのswitch文のサンプルです。

switch文
breakがない場合
switch文の中でif文を使用する

switch文

switch(条件){
　　case 値 :
　　　処理
　　　 break;
　　case 値2 :
　　　処理
　　　 break;
・・・
　　default:
　　　処理
　　　 break;
}

条件の値とcaseの値が一致すれば、配下の処理が実行されます。
===演算子での比較を行うので値と型が一致する必要があります。
→数値型と文字列型の比較では一致しません。
breakでswitch文を抜けます。breakがないと下の判定(case/default)に行ってしまいます。
defaultは、条件の値がどのcaseの値にも一致しない時に実行されます。省略可能ですが書いたほうが良いです。
以下はMDNのswitch文のリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/switch

コード

switch文のサンプルのコードです。
8行目のcase "2"と一致するのでその配下の処理が実行されます。a2が出力されます。

<script>
	var i = 2;

	switch (i){
		case 1:
			document.write("a1");
			break;
		case 2:
			document.write("a2"); // a2が出力される
			break;
		default:
			document.write("x1");
			break;
	}
</script>

breakがない場合

breakがない場合のサンプルです。
5行目のcase "1"の処理の後、breakがないのでcase"2"の処理も実行されます。

<script>
	var i = "1";

	switch (i){
		case "1":
			document.write("a1");

		case "2":
			document.write("a2"); // a1とa2が出力される
			break;
		default:
			document.write("x1");
			break;
	}
</script>

switch文の中でif文を使用する

switch文の中でif文を使用するサンプルです。
9-13行目はcaseの後にif文を使用しています。

<script>
	var i = 1;

	switch (i){
	case 0:
		document.write("0");
		break;
	case 1:
		if (i % 2 == 0) {
			document.write("偶数");
		} else {
			document.write("奇数"); // 奇数が出力される
		}
		break;
	default:
		document.write("その他");
		break;
}
</script>