JavaScript中switch語句的用法詳解
可以使用多個(gè)if... else if語句，如前面的章節(jié)，執(zhí)行多路分支。然而，這并不總是最佳的解決方案，尤其是當(dāng)所有分支的依賴單一的變量的值。
使用JavaScript1.2開始，你可以用它處理的正是這種情況，使用一個(gè)switch語句，它這樣做更有效，如果不是反復(fù)地使用if... else if語句。
語法
switch語句的基本語法給出一個(gè)expression ，以評(píng)估計(jì)算幾種不同的語句基于該表達(dá)式的值來執(zhí)行。解釋器檢查對(duì)表達(dá)式的值的每一種情況，直到找到一個(gè)匹配。如果沒有匹配，則缺省(default)條件將被使用。
switch (expression)
{
case condition 1: statement(s)
break;
case condition 2: statement(s)
break;
...
case condition n: statement(s)
break;
default: statement(s)
}
break語句指示的解釋器是特定情況下結(jié)束。如果它們被省略，則解釋器將繼續(xù)在以下每個(gè)情況(case)執(zhí)行每個(gè)語句。
我們將解釋break語句在循環(huán)控制這一章。
例子：
下面的例子說明了一個(gè)基本的while循環(huán)：
<script type="text/javascript">
<!--
var grade='A';
document.write("Entering switch block<br />");
switch (grade)
{
case 'A': document.write("Good job<br />");
break;
case 'B': document.write("Pretty good<br />");
break;
case 'C': document.write("Passed<br />");
break;
case 'D': document.write("Not so good<br />");
break;
case 'F': document.write("Failed<br />");
break;
default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>
這將產(chǎn)生以下結(jié)果：
Entering switch block Good job Exiting switch block
例子：
考慮這樣一種情況，如果不使用break語句：
<script type="text/javascript">
<!--
var grade='A';
document.write("Entering switch block<br />");
switch (grade)
{
case 'A': document.write("Good job<br />");
case 'B': document.write("Pretty good<br />");
case 'C': document.write("Passed<br />");
case 'D': document.write("Not so good<br />");
case 'F': document.write("Failed<br />");
default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>
這將產(chǎn)生以下結(jié)果：
Entering switch block Good job Pretty good Passed Not so good Failed Unknown grade Exiting switch block
相關(guān)文章
這篇文章主要介紹了參數(shù)傳遞的四種形式（URL,超鏈接,js,form表單）有需要的朋友可以參考下2015-07-07
JavaScript字符串對(duì)象fromCharCode方法入門實(shí)例（用于把Unicode值轉(zhuǎn)換為字符串）
這篇文章主要介紹了JavaScript字符串對(duì)象fromCharCode 方法入門實(shí)例,fromCharCode用于把Unicode值轉(zhuǎn)換為字符串,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了JavaScript匿名函數(shù)和閉包的相關(guān)資料，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
帶你了解session和cookie作用原理區(qū)別和用法
這篇文章主要介紹了session和cookie作用原理,區(qū)別和用法,以及使用過程中的優(yōu)缺點(diǎn)，通過列舉區(qū)別和原理，使讀者更能理解兩者之間的關(guān)系,需要的朋友可以參考下2017-08-08
slice函數(shù)的用法 之不錯(cuò)的應(yīng)用
slice函數(shù)的用法 之不錯(cuò)的應(yīng)用...2006-12-12
javascript開發(fā)技術(shù)大全－第1章javascript概述
JavaScript 為 HTML 設(shè)計(jì)師提供了一種編程工具HTML 創(chuàng)作者往往都不是程序員，但是 JavaScript 卻是一種只擁有極其簡單的語法的腳本語言！幾乎每個(gè)人都有能力將短小的代碼片斷放入他們的 HTML 頁面當(dāng)中。2011-07-07
uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法
這篇文章主要給大家介紹了關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等的解決方法,眾所周知Uni-app支持使用自定義組件,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
簡單介紹JavaScript中字符串創(chuàng)建的基本方法
這篇文章主要介紹了簡單介紹JavaScript中字符串創(chuàng)建的基本方法,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-07
js split 的用法和定義 js split分割字符串成數(shù)組的實(shí)例代碼
關(guān)于js split的用法，我們經(jīng)常用來將字符串分割為數(shù)組方便后續(xù)操作，今天寫一段廣告判斷代碼的時(shí)候，竟然忘了split的用法了，特整理下，方便需要的朋友2012-05-05
JavaScript window.setTimeout() 的詳細(xì)用法
JavaScript window.setTimeout() 的詳細(xì)用法，需要的朋友可以參考下。2009-11-11