JavaScriptのswitch文


switch ステートメントは、さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。

JavaScript switch ステートメント

switch ステートメントを使用して、実行するコードの複数のブロックの 1 つを選択します。

構文

switch(n)
{
case 1:
コードブロック1を実行
Break;
case 2:
コードブロック 2 を実行
Break;
default:
n ケース 1 とケース 2 と同時に実行されないコード
}

仕組み: 最初に式 n (通常は変数) を設定します。次に、式の値が構造内の各ケースの値と比較されます。一致する場合、そのケースに関連付けられたコード ブロックが実行されます。コードが次のケースに自動的に実行されないようにするには、break を使用してください。

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var d=new Date().getDay();
	switch (d){
  		case 0:x="今天是星期日";
    	break;
 		case 1:x="今天是星期一";
        break;
  		case 2:x="今天是星期二";
        break;
        case 3:x="今天是星期三";
   	 	break;
  		case 4:x="今天是星期四";
    	break;
  		case 5:x="今天是星期五";
        break;
  		case 6:x="今天是星期六";
    	break;
 	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

デフォルトのキーワード

一致しない場合の動作を指定するにはデフォルトのキーワードを使用してください:

インスタンス

<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>点击下面的按钮，会显示出基于今日日期的消息：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var x;
	var d=new Date().getDay();
	switch (d)
    {
  		case 6:x="今天是星期六";
    	break;
  		case 0:x="今天是星期日";
    	break;
  		default:
    	x="期待周末";
  	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します