2013年12月1日 星期日

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來試試看會發生什麼事情~!


沒有留言:

張貼留言