溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“如何理解JavaScript switch”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何理解JavaScript switch”吧！
Switch是與if ... else ...相同的條件語句，不同之處在于switch語句允許根據值列表測試變量是否相等。switch 語句用于根據不同的條件執行不同的操作。
使用switch語句選擇要執行的多個代碼塊中的一個。
switch(expression) { case n: code block break; case n: code block break; default: default code block }switch 表達式求值一次。表達式的值與每個case的值進行比較。如果有匹配，則執行相關的代碼塊。
getDay() 方法返回一周0到6之間的數字。(Sunday=0, Monday=1, Tuesday=2 ..)。
使用的工作日數計算星期的名稱：
<!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>
原理：當找到一個匹配，工作完成后，它跳出。如果沒有，繼續進行更多的測試。
一個break可以節省大量的執行時間，因為它忽略了break開關塊中所有其他代碼都要執行。在最后一個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 = "執行默認語句"; } document.getElementById('para').innerHTML = text; } </script>
default 關鍵字指定在沒有匹配的情況下運行的代碼:
getDay() 方法返回一周0到6之間的數字。
switch (new Date().getDay()) { case 6: text = "星期六; break; case 0: text = "星期天"; break; default: /*如果今天不是星期六（6），也不是星期日（0），寫一個default信息*/ text = "其他星期"; }
default 不一定放到最后一個語句塊：
switch (new Date().getDay()) { default: text = "其他星期"; break; case 6: text = "星期六; break; case 0: text = "星期天"; }
測試時，是星期四，返回其他星期。
注：
如果default不是開關塊中的最后一個實例，請記住以break結束默認情況。
有時你會希望不同的開關情況下使用相同的代碼。
在本例中，案例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這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
