AVt天堂网 手机版,亚洲va久久久噜噜噜久久4399,天天综合亚洲色在线精品,亚洲一级Av无码毛片久久精品

當前位置:首頁 > 科技  > 軟件

一篇文章帶你了解JavaScript switch

來源: 責編: 時間:2024-04-19 17:25:39 167觀看
導讀Switch是與if ... else ...相同的條件語句,不同之處在于switch語句允許根據值列表測試變量是否相等。switch 語句用于根據不同的條件執行不同的操作。一、Switch 語句使用switch語句選擇要執行的多個代碼塊中的一個。1

Switch是與if ... else ...相同的條件語句,不同之處在于switch語句允許根據值列表測試變量是否相等。switch 語句用于根據不同的條件執行不同的操作。e2428資訊網——每日最新資訊28at.com

e2428資訊網——每日最新資訊28at.com

一、Switch 語句

使用switch語句選擇要執行的多個代碼塊中的一個。e2428資訊網——每日最新資訊28at.com

1. 語法

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

2. 工作原理

switch 表達式求值一次。表達式的值與每個case的值進行比較。如果有匹配,則執行相關的代碼塊。e2428資訊網——每日最新資訊28at.com

getDay() 方法返回一周0到6之間的數字。(Sunday=0, Monday=1, Tuesday=2 ..)。e2428資訊網——每日最新資訊28at.com

3. 案例

使用的工作日數計算星期的名稱:e2428資訊網——每日最新資訊28at.com

<!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>

e2428資訊網——每日最新資訊28at.com

二、關鍵字

1. break 關鍵字

原理:當找到一個匹配,工作完成后,它跳出。如果沒有,繼續進行更多的測試。e2428資訊網——每日最新資訊28at.com

一個break可以節省大量的執行時間,因為它忽略了break開關塊中所有其他代碼都要執行。在最后一個case塊中沒有必要使用break,因為無論如何它都會退出。e2428資訊網——每日最新資訊28at.com

<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>

圖片e2428資訊網——每日最新資訊28at.com

2. default 關鍵字

default 關鍵字指定在沒有匹配的情況下運行的代碼:e2428資訊網——每日最新資訊28at.com

getDay() 方法返回一周0到6之間的數字。e2428資訊網——每日最新資訊28at.com

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

e2428資訊網——每日最新資訊28at.com

default 不一定放到最后一個語句塊:e2428資訊網——每日最新資訊28at.com

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

e2428資訊網——每日最新資訊28at.com

測試時,是星期四,返回其他星期。e2428資訊網——每日最新資訊28at.com

e2428資訊網——每日最新資訊28at.com

注:e2428資訊網——每日最新資訊28at.com

如果default不是開關塊中的最后一個實例,請記住以break結束默認情況。e2428資訊網——每日最新資訊28at.com

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

有時你會希望不同的開關情況下使用相同的代碼。e2428資訊網——每日最新資訊28at.com

在本例中,案例4和5共享相同的代碼塊,而0和6共享另一個代碼塊:e2428資訊網——每日最新資訊28at.com

<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>

e2428資訊網——每日最新資訊28at.com

四、總結

本文基于JavaScript 基礎,介紹了switch語句的相關使用。通過工作原理的分析 案例的代碼的解析,對于關鍵字的難點都做了詳細的講解。同時對代碼進行了整合和優化。e2428資訊網——每日最新資訊28at.com

本文鏈接:http://www.tebozhan.com/showinfo-26-84190-0.html一篇文章帶你了解JavaScript switch

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: fd:一個比Find簡單十倍的文件查找命令

下一篇: Python將證件背景更改為白色底

標簽:
  • 熱門焦點
  • K60 Pro官方停產 第三方瞬間漲價

    雖然沒有官方宣布,但Redmi的一些高管也已經透露了,Redmi K60 Pro已經停產且不會補貨,這一切都是為了即將到來的K60 Ultra鋪路,屬于廠家的正常操作。但有意思的是該機在停產之后
  • 5月安卓手機好評榜:魅族20 Pro奪冠

    性能榜和性價比榜之后,我們來看最后的安卓手機好評榜,數據來源安兔兔評測,收集時間2023年5月1日至5月31日,僅限國內市場。第一名:魅族20 Pro好評率:97.50%不得不感慨魅族老品牌還
  • K8S | Service服務發現

    一、背景在微服務架構中,這里以開發環境「Dev」為基礎來描述,在K8S集群中通常會開放:路由網關、注冊中心、配置中心等相關服務,可以被集群外部訪問;圖片對于測試「Tes」環境或者
  • SpringBoot中使用Cache提升接口性能詳解

    環境:springboot2.3.12.RELEASE + JSR107 + Ehcache + JPASpring 框架從 3.1 開始,對 Spring 應用程序提供了透明式添加緩存的支持。和事務支持一樣,抽象緩存允許一致地使用各
  • 小紅書1周漲粉49W+,我總結了小白可以用的N條漲粉筆記

    作者:黃河懂運營一條性教育視頻,被54萬人&ldquo;珍藏&rdquo;是什么體驗?最近,情感博主@公主是用鮮花做的,火了!僅僅憑借一條視頻,光小紅書就有超過128萬人,為她瘋狂點贊!更瘋狂的是,這
  • 東方甄選單飛:有些鳥注定是關不住的

    文/彭寬鴻編輯/羅卿東方甄選創始人俞敏洪帶隊的&ldquo;7天甘肅行&rdquo;直播活動已在近日順利收官。成立后一年多時間里,東方甄選要脫離抖音自立門戶的傳聞不絕于耳,&ldquo;7
  • 疑似小米14外觀設計圖曝光:后置相機模組變化不大

    下半年的大幕已經開啟,而誰將成為下半年手機圈的主角就成為了大家關注的焦點,其中被傳有望拿下新一代驍龍8 Gen3旗艦芯片的小米14系列更是備受大家矚
  • 2納米決戰2025

    集微網報道 從三強爭霸到四雄逐鹿,2nm的廝殺聲已然隱約傳來。無論是老牌勁旅臺積電、三星,還是誓言重回先進制程領先地位的英特爾,甚至初成立不久的新
  • 上海舉辦人工智能大會活動,建設人工智能新高地

    人工智能大會在上海浦江兩岸隆重拉開帷幕,人工智能新技術、新產品、新應用、新理念集中亮相。8月30日晚,作為大會的特色活動之一的上海人工智能發展盛典人工
Top