語法
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中的條件一般是一個變量的不同取值。