JavaScript switch 語句

JavaScript switch

JavaScript switch 允許對一個標量（表達式）的多個可能結果做選擇。

語法：

switch (expr) {
case result1:
statement1
break;
case result2:
statement2
break;
……
default:
statement
#}

expr 的系統計算expr 的語法計算expr值，根據計算結果（result1、result2等）來選擇執行下面對應的語句，如果所有的case 結果都不符合，則會執行default 裡的語句。

break 用於執行完程式碼後跳出流程，雖然語法上可以省略，但非特殊情況不要省略，否則會繼續執行下面的程式碼，即使計算expr 結果與case 不符（這是與 if else的區別）。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
        var x = 2;
        switch (x) {
        case 0:
        alert("x等于0");
        break;
        case 1:
        alert("x等于1");
        break;
        case 2:
        alert("x等于2");
        break;
        default:
        alert("x既不等于1和2，也不等于0");
        }
      </script>
</head>
<body>
</body>
</html>

提示

可以有多個case 條件判斷

case 後面結果也不僅限於數字，也可以是字元或其他JavaScript 支援的類型

default 關鍵字

請使用default 關鍵字來規定符合不存在時所做的事情：

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

### #

繼續學習

新建檔案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var x = 2; switch (x) { case 0: alert("x等于0"); break; case 1: alert("x等于1"); break; case 2: alert("x等于2"); break; default: alert("x既不等于1和2，也不等于0"); } </script> </head> <body> </body> </html>

重置程式碼

自動運行

提交

預覽 Clear