回上頁 - 網頁JavaScript語法

006、switch 流程敍述式

1、switch 敍述式寫法

寫法：switch 是比較運算式的值，是否與case值相符，成立則執行case的程式

<script>

    switch( 運算式 ) {       //取得運算式的值
      case 值1:             //比對運算式與 case的值是否成立，成立則執行程式碼
        // 程式碼
        break;              //break 是中斷程式碼的關鍵字語法，然後跳出 switch 流程式
      case 值2:
        // 程式碼
        break;
      default:              //預設程式碼，若以上都沒有時，要執行的內容
        // 程式碼
    }

</script>

2、範例：

<script>
$(document).ready(function(){

    var d = new Date();         //物件 d

    switch (d.getDay()) {       //d.getDay()可以直接寫 new Date().getDay() 即可
      case 0:
        day = "Sunday";         //day 是未宣告直接使用的變數，預設會是宣告成 var全域變數
        break;
      case 1:
        day = "Monday";
        break;
      case 2:
         day = "Tuesday";
        break;
      case 3:
        day = "Wednesday";
        break;
      case 4:
        day = "Thursday";
        break;
      case 5:
        day = "Friday";
        break;
      case 6:
        day = "Saturday";
    }
    document.write(day);

});
</script>

結果：Friday   //當天的日期

3、試試prompt()對話框

<script>
$(document).ready(function(){

    var n = prompt("請輸入一個 0-9之間的數字");

    switch (parseInt(n)) {
      case 0:
      case 2:
      case 4:
      case 6:
      case 8:          //列出多個case，因為沒有使用break，所以以上的答案0,2,4,6,8都可以
        alert("你輸入的是偶數。");
        break;
      case 1:
      case 3:
      case 5:
      case 7:
      case 9:
        alert("你輸入的是奇數。");
        break;
      default:                          //都沒有符合的case就會執行
        alert("你輸入的內容不正確！");
    }

});
</script>

4、練習

範例：指定變數 a 當做成績，判斷是否及格

<script>
$(document).ready(function(){

    
});
</script>
shape
shape