如何理解JavaScriptswitch

這篇文章主要講解了“如何理解JavaScript switch”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“如何理解JavaScript switch”吧！

創(chuàng)新互聯(lián)是專業(yè)的撫州網(wǎng)站建設(shè)公司，撫州接單;提供成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行撫州網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

Switch是與if ... else ...相同的條件語句，不同之處在于switch語句允許根據(jù)值列表測試變量是否相等。switch  語句用于根據(jù)不同的條件執(zhí)行不同的操作。

一、Switch 語句

使用switch語句選擇要執(zhí)行的多個代碼塊中的一個。

1. 語法

switch(expression) {     case n:         code block         break;     case n:         code block         break;     default:         default code block }

2. 工作原理

switch 表達(dá)式求值一次。表達(dá)式的值與每個case的值進(jìn)行比較。如果有匹配，則執(zhí)行相關(guān)的代碼塊。

getDay() 方法返回一周0到6之間的數(shù)字。(Sunday=0, Monday=1, Tuesday=2 ..)。

3. 案例

使用的工作日數(shù)計算星期的名稱：

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>項目</title> </head> <body>    <p id="demo"></p>    <script>     var day;     switch (new Date().getDay()) {         case 0:             day = "Sunday";             break;         case 1:             day = "Monday";             break;         case 2:             day = "Tuesday";             break;         case 3:             day = "Wednesday";             break;         case 4:             day = "Thursday";             break;         case 5:             day = "Friday";             break;         case  6:             day = "Saturday";     }     document.getElementById("demo").innerHTML = "今天是：" + day; </script>   </body> </html>

如何理解JavaScript switch

二、關(guān)鍵字

1. break 關(guān)鍵字

原理：當(dāng)找到一個匹配，工作完成后，它跳出。如果沒有，繼續(xù)進(jìn)行更多的測試。

一個break可以節(jié)省大量的執(zhí)行時間，因為它忽略了break開關(guān)塊中所有其他代碼都要執(zhí)行。在最后一個case塊中沒有必要使用break，因為無論如何它都會退出。

<script> function myFunc() { var num = Number(document.querySelector("input").value); var text; switch (num) {    case 1:     text = "您輸入的號碼是 1";    case 2:     text = "您輸入的號碼是 2";    case 3:     text = "您輸入的號碼是 3";    case 4:     text = "您輸入的號碼是 4";    case 5:     text = "您輸入的號碼是 5";         braek;    default:     text = "執(zhí)行默認(rèn)語句"; }  document.getElementById('para').innerHTML = text; } </script>

如何理解JavaScript switch

2. default 關(guān)鍵字

default 關(guān)鍵字指定在沒有匹配的情況下運行的代碼:

getDay() 方法返回一周0到6之間的數(shù)字。

switch (new Date().getDay()) {     case 6:         text = "星期六;         break;     case 0:         text = "星期天";         break;     default:   /*如果今天不是星期六（6），也不是星期日（0），寫一個default信息*/         text = "其他星期"; }

如何理解JavaScript switch

default 不一定放到最后一個語句塊：

switch (new Date().getDay()) {     default:         text = "其他星期";         break;     case 6:         text = "星期六;         break;     case 0:         text = "星期天"; }

如何理解JavaScript switch

測試時，是星期四，返回其他星期。

如何理解JavaScript switch

注：

如果default不是開關(guān)塊中的最后一個實例，請記住以break結(jié)束默認(rèn)情況。

三、相同的代碼塊(優(yōu)化)

有時你會希望不同的開關(guān)情況下使用相同的代碼。

在本例中，案例4和5共享相同的代碼塊，而0和6共享另一個代碼塊:

<script>             var text;             switch (new Date().getDay()) {                 case 4:                 case 5:                     text = "很快是周末";                     break;                 case 0:                 case 6:                     text = "這是周末";                     break;                 default:                     text = "期待周末";             }             document.getElementById("demo").innerHTML = text; </script>

如何理解JavaScript switch

感謝各位的閱讀，以上就是“如何理解JavaScript switch”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對如何理解JavaScript switch這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

本文名稱：如何理解JavaScriptswitch
文章位置：http://muchs.cn/article10/picogo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、定制開發(fā)、動態(tài)網(wǎng)站、網(wǎng)站制作、App開發(fā)、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化