日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

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

一篇文章帶你了解JavaScript switch

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

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

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

一、Switch 語句

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

1. 語法

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

2. 工作原理

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

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

3. 案例

使用的工作日數計算星期的名稱:yqh28資訊網——每日最新資訊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>

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

二、關鍵字

1. break 關鍵字

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

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

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

2. default 關鍵字

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

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

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

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

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

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

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

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

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

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

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

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

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

在本例中,案例4和5共享相同的代碼塊,而0和6共享另一個代碼塊:yqh28資訊網——每日最新資訊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>

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

四、總結

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

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

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

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

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

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 杭锦后旗| 通城县| 田林县| 云浮市| 时尚| 镇巴县| 德江县| 洞口县| 焦作市| 洪洞县| 黄平县| 巍山| 鄢陵县| 娄烦县| 桂林市| 曲沃县| 宝清县| 隆安县| 红原县| 刚察县| 台南县| 农安县| 泰宁县| 明光市| 南康市| 义乌市| 土默特左旗| 日照市| 左贡县| 五指山市| 天镇县| 从江县| 东莞市| 乾安县| 南郑县| 庄河市| 曲靖市| 闵行区| 施秉县| 临城县| 昆明市|