JavaScript學習之switch語句用法介紹-js教程-PHP中文網

JavaScript學習之switch語句用法介紹

青灯夜游

發布： 2018-10-16 17:23:22

轉載

2636 人瀏覽過

本篇文章就帶給大家JavaScript學習之switch語句用法的介紹。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。

我們先來了解JavaScript switch 語句

#使用switch語句可以進行多項選擇。

語法：

switch( 变量1 ){
　　case 变量2:
　　　　　　//语句1;
　　　　break;
　　　　case 变量3:
　　　　　　　  //语句2;
　　　　break;
　　　　default:
　　　　　　     //语句3;
　　}

登入後複製

執行原理：變數1的值跟case 的值進行比較。例如變數1等於case 變數2，就執行語句1。如果變數1等於 case 變數3 就執行語句2，如果都不符合就執行語句3.

#break 結束目前執行的語句。 default 預設的，在沒有符合的選項的時候預設選擇default。

程式碼實例說明：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
	</head>

	<body></body>
	<script type="text/javascript">
		var num = 3;
		switch(num) {
			case 0:
				alert("0");
				break;
			case 1:
				alert("1");
				break;
			case 2:
				alert("2");
				break;
			case 3:
				alert("3");
				break;
			case 4:
				alert("4");
				break;
			default:
				alert("默认选项");
				break;
		}
		 //当num等于0，执行alert("0");......如果都不匹配，就执行alert("默认选项");
	</script>

</html>

登入後複製

#default關鍵字當所有選項都不匹配，預設執行default選項的程式碼。

總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。更多相關教學請造訪JavaScript影片教學，jQuery影片教學，bootstrap教學！

以上是JavaScript學習之switch語句用法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！