首頁 > web前端 > js教程 > 主體

JavaScript學習之switch語句用法介紹

青灯夜游
發布: 2018-10-16 17:23:22
轉載
2646 人瀏覽過

本篇文章就帶給大家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中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板