鬆軟科技web課堂:JavaScript If...Else 語句

来源:https://www.cnblogs.com/sysoft/archive/2019/12/05/11987372.html
-Advertisement-
Play Games

條件語句用於基於不同條件執行不同的動作。 條件語句 在您寫代碼時,經常會需要基於不同判斷執行不同的動作。 您可以在代碼中使用條件語句來實現這一點。 在 JavaScript 中,我們可使用如下條件語句: 使用 if 來規定要執行的代碼塊,如果指定條件為 true 使用 else 來規定要執行的代碼塊 ...


條件語句用於基於不同條件執行不同的動作。

條件語句

在您寫代碼時,經常會需要基於不同判斷執行不同的動作。

您可以在代碼中使用條件語句來實現這一點。

在 JavaScript 中,我們可使用如下條件語句:

  • 使用 if 來規定要執行的代碼塊,如果指定條件為 true
  • 使用 else 來規定要執行的代碼塊,如果相同的條件為 false
  • 使用 else if 來規定要測試的新條件,如果第一個條件為 false
  • 使用 switch 來規定多個被執行的備選代碼塊

if 語句

請使用 if 語句來規定假如條件為 true 時被執行的 JavaScript 代碼塊。

語法

if (條件) {
    如果條件為 true 時執行的代碼
} 

 

註釋:if 使用小寫字母。大學字母(IF 或 If)會產生 JavaScript 錯誤。

實例

如果時間早於 18:00,則發出 "Good day" 的問候:

if (hour < 18) {
    greeting = "Good day";
}

 

如果時間早於 18 點,則 greeting 的結果將是:

Good day

 

請使用 else 語句來規定假如條件為 false 時的代碼塊。

if (條件) {
    條件為 true 時執行的代碼塊
} else { 
    條件為 false 時執行的代碼塊
}

實例

如果 hour 小於 18,創建 "Good day" 問候,否則 "Good evening":

if (hour < 18) {
    greeting = "Good day";
 } else {
    greeting = "Good evening";
 } 

 

greeting 的結果:

Good day

else if 語句

請使用 else if 來規定當首個條件為 false 時的新條件。

語法

if (條件 1) {
    條件 1 為 true 時執行的代碼塊
} else if (條件 2) {
    條件 1 為 false 而條件 2 為 true 時執行的代碼塊
 } else {
    條件 1 和條件 2 同時為 false 時執行的代碼塊
}

 

實例

如果時間早於 10:00,則創建 "Good morning" 問候,如果不是,但時間早於 18:00,則創建 "Good day" 問候,否則創建 "Good evening":

if (time < 10) {
    greeting = "Good morning";
 } else if (time < 18) {
    greeting = "Good day";
 } else {
    greeting = "Good evening";
 } 

 

greeting 的結果:

Good morning
-------------------------------------------------
文章來源:www.sysoft.net.cn,加v:15844800162深度交流

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 計算屬性get set方法 在vue的計算屬性中,所定義的都是屬性,可以直接調用 正常情況下,計算屬性中的每一個屬性對應的都是一個對象,對象中包括了set方法與get方法 而絕大多數情況下,計算屬性沒有set方法,是一個只讀屬性 此時計算屬性可以簡寫 ...
  • 基於ES6語法手寫promise A+ 規範,源碼實現 class Promise { constructor(excutorCallBack) { this.status = 'pending'; this.value = undefined; this.fulfilledAry = []; th ...
  • 設置和獲取 標簽內容和文本內容 總結 設置: 使用innerText主要是設置文本的, 設置標簽內容, 是沒有標簽的效果的 innerHTML是可以設置文本內容 innerHTML主要的作用是在標簽中設置新的html標簽內容, 是有標簽效果的 想要設置標簽內容, 使用innerHTML 想要設置文本 ...
  • 一、HTML概述 htyper text markup language 即超文本標記語言。 超文本: 就是指頁面內可以包含圖片、鏈接,甚至音樂、程式等非文字元素。 標記語言: 標記(標簽)構成的語言。 1、網頁的組成 一個網頁一般由兩部分組成即: HTML(Hypertext Markup Lan ...
  • 當我們執行 JS 代碼的時候其實就是往執行棧中放入函數,那麼遇到非同步代碼的時候該怎麼辦?其實當遇到非同步的代碼時,會被掛起併在需要執行的時候加入到 Task(有多種 Task) 隊列中。一旦執行棧為空,Event Loop 就會從 Task 隊列中拿出需要執行的代碼並放入執行棧中執行,所以本質上來說 ...
  • 這裡介紹的是Win平臺的安裝方法,其他平臺請至Github>Puppeteer. 首先要安裝node.js 可以看我這篇的開頭>【Angular】學習筆記-環境部署、項目建立相關 1.新建項目目錄 2.打開gitbush(常用的Terminal都可以) 3.鍵入 npm i puppeteer 4. ...
  • 總結獲取元素的方式 1. 根據id屬性的值獲取元素,返回來的是一個元素對象 document.getElementById("id屬性的值"); document.getElementById("btn"); 2. 根據標簽名字獲取元素,返回來的是一個偽數組,裡面保存了多個的DOM對象 docume ...
  • 本文由葡萄城技術團隊於博客園翻譯並首發 轉載請註明出處:葡萄城官網,葡萄城為開發者提供專業的開發工具、解決方案和服務,賦能開發者。 如果我們自己編寫從URL中分析和提取元素的代碼,那麼有可能會比較痛苦和麻煩。程式員作為這個社會中最“懶”的群體之一,無休止的重覆造輪子必然是令人難以容忍的,所以大多數瀏 ...
一周排行
    -Advertisement-
    Play Games
  • Dapr Outbox 是1.12中的功能。 本文只介紹Dapr Outbox 執行流程,Dapr Outbox基本用法請閱讀官方文檔 。本文中appID=order-processor,topic=orders 本文前提知識:熟悉Dapr狀態管理、Dapr發佈訂閱和Outbox 模式。 Outbo ...
  • 引言 在前幾章我們深度講解了單元測試和集成測試的基礎知識,這一章我們來講解一下代碼覆蓋率,代碼覆蓋率是單元測試運行的度量值,覆蓋率通常以百分比表示,用於衡量代碼被測試覆蓋的程度,幫助開發人員評估測試用例的質量和代碼的健壯性。常見的覆蓋率包括語句覆蓋率(Line Coverage)、分支覆蓋率(Bra ...
  • 前言 本文介紹瞭如何使用S7.NET庫實現對西門子PLC DB塊數據的讀寫,記錄了使用電腦模擬,模擬PLC,自至完成測試的詳細流程,並重點介紹了在這個過程中的易錯點,供參考。 用到的軟體: 1.Windows環境下鏈路層網路訪問的行業標準工具(WinPcap_4_1_3.exe)下載鏈接:http ...
  • 從依賴倒置原則(Dependency Inversion Principle, DIP)到控制反轉(Inversion of Control, IoC)再到依賴註入(Dependency Injection, DI)的演進過程,我們可以理解為一種逐步抽象和解耦的設計思想。這種思想在C#等面向對象的編 ...
  • 關於Python中的私有屬性和私有方法 Python對於類的成員沒有嚴格的訪問控制限制,這與其他面相對對象語言有區別。關於私有屬性和私有方法,有如下要點: 1、通常我們約定,兩個下劃線開頭的屬性是私有的(private)。其他為公共的(public); 2、類內部可以訪問私有屬性(方法); 3、類外 ...
  • C++ 訪問說明符 訪問說明符是 C++ 中控制類成員(屬性和方法)可訪問性的關鍵字。它們用於封裝類數據並保護其免受意外修改或濫用。 三種訪問說明符: public:允許從類外部的任何地方訪問成員。 private:僅允許在類內部訪問成員。 protected:允許在類內部及其派生類中訪問成員。 示 ...
  • 寫這個隨筆說一下C++的static_cast和dynamic_cast用在子類與父類的指針轉換時的一些事宜。首先,【static_cast,dynamic_cast】【父類指針,子類指針】,兩兩一組,共有4種組合:用 static_cast 父類轉子類、用 static_cast 子類轉父類、使用 ...
  • /******************************************************************************************************** * * * 設計雙向鏈表的介面 * * * * Copyright (c) 2023-2 ...
  • 相信接觸過spring做開發的小伙伴們一定使用過@ComponentScan註解 @ComponentScan("com.wangm.lifecycle") public class AppConfig { } @ComponentScan指定basePackage,將包下的類按照一定規則註冊成Be ...
  • 操作系統 :CentOS 7.6_x64 opensips版本: 2.4.9 python版本:2.7.5 python作為腳本語言,使用起來很方便,查了下opensips的文檔,支持使用python腳本寫邏輯代碼。今天整理下CentOS7環境下opensips2.4.9的python模塊筆記及使用 ...