js switch的使用 ng-switch的使用方法


語法

switch(n)
{
case 1:
  執行代碼塊 1
  break;
case 2:
  執行代碼塊 2
  break;
default:
  n 與 case 1 和 case 2 不同時執行的代碼
}

工作原理:首先設置表達式 n(通常是一個變量)。隨后表達式的值會與結構中的每個 case 的值做比較。如果存在匹配,
則與該 case 關聯的代碼塊會被執行。請使用 break 來阻止代碼自動地向下一個 case 運行。 實例 顯示今日的周名稱。請注意 Sunday=0, Monday=1, Tuesday=2, 等等: var day=new Date().getDay(); switch (day) { case 0: x="Today it's Sunday"; break; case 1: x="Today it's Monday"; break; case 2: x="Today it's Tuesday"; break; case 3: x="Today it's Wednesday"; break; case 4: x="Today it's Thursday"; break; case 5: x="Today it's Friday"; break; case 6: x="Today it's Saturday"; break; default:   x="Looking forward to the Weekend"; } 鷹擊長空,魚翔淺底
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
我喜歡的網站
<select ng-model="myVar">
  <option value="runoob">www.runoob.com
  <option value="google">www.google.com
  <option value="taobao">www.taobao.com
</select>

<hr>
<div ng-switch="myVar">
  <div ng-switch-when="runoob">
     <h1>菜鳥教程</h1>
     <p>歡迎訪問菜鳥教程</p>
  </div>
  <div ng-switch-when="google">
     <h1>Google</h1>
     <p>歡迎訪問Google</p>
  </div>
  <div ng-switch-when="taobao">
     <h1>淘寶</h1>
     <p>歡迎訪問淘寶</p>
  </div>
  <div ng-switch-default>
     <h1>切換</h1>
     <p>選擇不同選項顯示對應的值。</p>
  </div>
</div>
<hr>

<p> ng-switch 指令根據當前的值顯示或隱藏對應部分。</p>

</body>
</html>

 

 JS switch 分支語句

描述:根據一個變量的不同取值,來執行不同的代碼。

語法結構:

switch(變量)

{

    case 值1:

           代碼1;

           break;

    case 值2:

           代碼2;

           break;

    case 值3:

           代碼3;

           break;

    default:

           如果以上條件都不滿足,則執行該代碼;

}

  switch結構說明:

       switchcasebreak、default都是系統關鍵字,都必須全小寫。

     switch后的小括號():小括號內一般是一個變量名,這個變量可能會有不同的取值。

     每個case的值,與變量的值進行比對,如果一致就執行該case后的代碼。

     所有的case都是“或”的關系,每時每刻只有一個case會滿足條件。

     每個case中的代碼執行完畢后,必須要用break語句結束,結束之后,程序將跳到switch結束大括號之后運行。

    如果不寫break語句的話,下面所有的case語句都會執行一遍。

 

//實例:輸出今天是星期幾

/*

       (1)創建一個日期時間對象,它中有很多的信息:時、分、秒、年、月、日、星期

       (2)取出日期對象中的星期值

       (3)根據星期值(0-6)來輸出中文的星期幾

*/

//(1)創建一個系統日期時間對象,其中Date()是系統函數,首字母大寫

var today = new Date();

//(2)從Date對象中取出星期值

var week = today.getDay();  //返回0-6,0代表星期日

//(3)使用switch來輸出今天是星期幾

var str;

switch(week)

{

       case 1:

              str = "一";

              break;

       case 2:

              str = "二";

              break;

       case 3:

              str = "三";

              break;

       case 4:

              str = "四";

              break;

       case 5:

              str = "五";

              break;

       case 6:

              str = "六";

              break;

       default:

              str = "日";

}

//(4)輸出結果

document.write("今天是星期"+str)

 

if多條件判斷和switch的區別

if中的條件一般是一個范圍(a>100),而switch中的條件一般是一個變量的不同取值。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM