語法 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結構說明: switch、case、break、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中的條件一般是一個變量的不同取值。