JavaScript-10 流程控制-3

接續JavaScript-10 流程控制-2

4.switch 多個選擇中選一個的條件下

語法為:
---------------------------
switch(判斷的條件) // swith (變數1 == 變數2)的話
     {
          case "變數1"：
          運行的程式碼；
　      break;
          case "變數2"：
          運行的程式碼；
　      break;
          case "變數3"：
          運行的程式碼；
     　 break;
          default：
     　 運行的程式碼；
     }

switch 的架構就是我們判斷的條件只有一個邏輯或是比較運算式,寫法使用case和switch(判斷的條件/變數)是否相同來運行,而break是跳出條件的敘述,若是沒有break就會繼續往下執行程式碼.
最後一段default並非必要的程式碼,代表著若是沒有符合條件case時才執行default內的程式.
---------------------------

我們來練習一下~

<script>
       var apple = "fruit"; //指定變數
switch(apple) // 判斷apple和case是否相同
{
     case "banana":
     document.write("香蕉啦!");
     break;
     case "fruit":
     document.write("蘋果!");
     break;
     case "orange":
     document.write("橘子喔!");
     break;
     default:
     document.write("什麼都沒有!");
}
</script>

以上Js程式碼會顯示出"蘋果!".
大家也可以拿掉break來試試看會發生什麼事情~!