JavaScript switch 語句
switch 語句用于基于不同的條件來執(zhí)行不同的動作。
JavaScript switch 語句
請使用 switch 語句來選擇要執(zhí)行的多個代碼塊之一。
語法
switch(n)
{
case 1:
執(zhí)行代碼塊 1
break;
case 2:
執(zhí)行代碼塊 2
break;
default:
n 與 case 1 和 case 2 不同時執(zhí)行的代碼
}工作原理：首先設置表達式?n（通常是一個變量）。隨后表達式的值會與結構中的每個 case 的值做比較。如果存在匹配，則與該 case 關聯(lián)的代碼塊會被執(zhí)行。請使用?break?來阻止代碼自動地向下一個 case 運行。
實例
顯示今天的星期名稱。請注意 Sunday=0, Monday=1, Tuesday=2, 等等：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(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>運行程序嘗試一下
default 關鍵詞
請使用 default 關鍵詞來規(guī)定匹配不存在時做的事情：
實例
如果今天不是星期六或星期日，則會輸出默認的消息：
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(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>運行程序嘗試一下
