Javascript之if條件語句和三目運算符

2021-01-13 博你一生無怨無悔

假設一個場景,在我們的面前有左右兩條路,而我們只能選擇其中的一條,我們無非就兩種選擇,一種是走左邊的路,否則就是走右邊的路,不允許耍賴不走,只能在同一時間選擇一條路,將生活中的這一經驗轉換在js中就是我們今天要學的if條件語句。

一、if條件語句

1、語法:

if( condition ) statement1 else statement2;

註:A、condition是條件,statement是需要執行的循環語句。

B、當condition的條件滿足時,執行statement1語句,不滿足時,執行statement2語句。

C、我們也可以不書寫else語句,只書寫前半部分語句,但是那樣的話如果條件不滿足,那麼statement語句永遠也不會執行。

D、多個if語句連用

我們使用昨天學過的prompt( )和 alert( )來做一個簡單的小程序。

要求:用戶手動輸入年齡,當年齡大於18小於60的時候,向用戶彈出框顯示"滿足條件,可以註冊",當年齡小於18時,顯示「年齡不符合,不允許註冊」,當年齡大於60時,提示「由於您的年齡超出了系統允許註冊的最大年齡限制,給您帶來的不便,敬請諒解!」。

二、三目運算符

語法:條件語句 ? 執行語句1 : 執行語句2;

說明:(1)、先設定一個條件,寫在問號的前面,然後兩個執行語句緊跟問號書寫,中間使用冒號隔開。

(2)、當條件滿足時,執行語句1,當條件不滿足時,執行語句2。

(3)、三目運算符可以作為if條件語句的簡化版使用,合理的使用能夠簡化我們的代碼量,雖然可以多個三目運算符進行嵌套,但是不建議那樣使用,個人感覺那樣代碼閱讀率較差,不利於後期維護。

三、邏輯運算符(與或非)

我們在數學中學習過:與(同真為真,一假必假)、或(一真為真,同假為假)、非(真假相反)。

在js程式語言中,我們將他們稱之為邏輯運算符,運算方法與之類似,但是有點不同。

1、與(&&):使用兩個&表示。

運算規則:

(1)、與運算尋找的是第一個假值,換句話說它返回第一個假值。

(2)、當它開始執行時,先將其轉換為布爾值,然後從左向右去尋找我們書寫的語句中的第一個假值,遇假即返回,不再執行後面的語句,如果沒有假值就返回最後面執行語句的值。

(3)、與的操作優先級最高。就是與或非一起出現,先計算與,在計算或,最後計算非,後面舉例。

2、或( || ):使用兩根||表示。

和與運算不同的是,或運算尋找第一個真值,即遇真即返回,與運算在我們的編程中經常使用,下面我們一起來看看或的幾個妙用。

(1)、短路取值

當或運算從左向右尋找表達式或者值時,尋找到第一個真值並返回,這個過程就叫做短路取值。

(2)、尋找我們表達式或者變量的第一個真值。

3、非(!):用感嘆號表示。

用法:將值其轉換為布爾值,轉換為相反的值。

轉換為相反的值:

我們也可以利用其特性實現將某個值轉換為布爾值的效果。

使用兩個!!符號,第一個非將其轉換為布爾值並且取反,第二個非取反;這樣值沒有變,依然還是以前的真或假,但是類型轉換為了布爾值。

相關焦點

  • 3.2.3 JavaScript中for循環語句的使用
    JavaScript中的for循環語句也稱為計次循環語句,一般用於循環次數已知的情況。其語法格式如下:for(初始化語句,條件表達式,迭代語句){語句組}參數說明:1)初始化語句:一般用來對循環變量進行初始化賦值。
  • 3.2.2 JavaScript中do-while循環語句的使用
    JavaScript中的do-while循環語句也稱為後測試循環語句,它先執行一次,然後再測試循環條件是否成立,如果成立則循環,如果不成立則結束循環。其語法格式如下:do{語句組} while(表達式);參數說明:1)語句組:用來指定需要重複執行的語句,即循環體,可以是一條或多條語句。
  • Verilog HDL基礎之:數據類型和運算符
    在一般電路設計自動化的環境下,仿真用的基本部件庫是由半導體廠家和EDA工具廠家共同提供的。系統設計工程師不必過多地關心門級和開關級的Verilog HDL語法現象。Verilog HDL語言中也有常量和變量之分,它們分別屬於以上這些類型。下面對最常用的幾種進行介紹。常量常量是在程序運行過程中其值不能被改變的量。
  • javascript中那些奇怪的特性
    這個標籤代表著一個解析函數,它會得到從模板字符串解析出來的字符串和值列表,通過邏輯處理返回最終的生成的字符串。下面的示例中,我們定義一個標籤 —— highlight,它會將模板字符串解析出來的值處理成 <mark> 元素,使之高亮。
  • 跟我學java編程—Java邏輯運算符
    第四條語句邏輯與運算符「&&」連接了2個條件表達式,分別是c > a和c < b,如果這兩個表達式計算結果都為真,則bJudge為真,否則bJudge為false。此時bJudge的值為true。該運算符還有一個特點,當左側的條件表達式或布爾變量為假時,則直接返回結果false,不再執行運算符右側的表達式或布爾變量。
  • 教你輕鬆學會C語言系列之——五花八門的運算符
    在2017年年底公布的全球超算500強榜單中,中國超級計算機「神威·太湖之光」位於榜首,其浮點運算速度峰值可達每秒12.5億億次,持續運算速度為每秒9.3億億次。回到程序語言中,比如:「1+1」就是一個最簡單的表達式,其中的兩個數字(1)就是操作數,加號(+)就是運算符,共同構成了一個表達式。
  • 20個常用的JavaScript簡寫技巧
    三元運算符 我們可以使用三元(條件)運算符在這裡節省 5 行代碼。 4. 賦默認值 我們可以使用 OR(||) 短路運算來給一個變量賦默認值,如果預期值不正確的情況下。 5.
  • 3.1.5 JavaScript中switch語句的使用
    而switch語句是典型的多路分支(多路選擇)語句,其作用與if-else-if語句基本相同,但switch語句比if-else-if語句更具有可讀性,它可以根據一個表達式的值在給定的多個選擇中選擇一個符合條件的分支來執行。而且switch語句允許在找不到一個匹配條件的情況下能執行默認的一個分支。
  • Javascript之循環語句
    (條件);註:(1)、始終是先執行循環體,在檢查條件是否滿足。(2)、無論條件是true還是false,始終會執行一遍循環體。(3)、由於其是一種後測試循環條件的語句,每次只有在循環體執行之後,才會測試條件,這樣會增加代碼的執行量。我們在實際的編程中不使用。了解即可。
  • 第三篇:JavaScript語句流程控制
    在一個程序執行的過程中,語句的執行順序對程序的結果是有直接影響的。也就是說程序的流程對運行結果有直接的影響。語句流程控制是用來控制程序中各條語句的執行順序,它可以把語句組合成能完成一定功能的代碼段。流程控制方式主要有:順序結構、條件結構和循環結構。
  • 《第4章 Python 流程控制語語句》4.2.2 if……else語句!
    瀏覽器版本過低,暫不支持視頻播放(2)if....else...形式語句格式示例:if 要判斷的條件:滿足條件時執行的語句else:不滿足條件時執行的語句注意:else必須配合if使用,而其 else 後不跟條件,else總與離它最近的if進行匹配。
  • javascript關係運算符
    關係運算符我們來看一下,關係運算符中不同數據類型之間的比較,該如何去比較1.如果是數值之間比較, 那麼就看數值的大小來判斷是true或false字符串雖然沒有大小,但是字符是存儲在計算機上的,計算機是由二進位來存儲的二進位可以轉為十進位數,這樣就會有大小而言了ASCII碼錶就是二進位的存儲表以下是一部分ascii碼錶:我們來比較a和b
  • 這些邏輯運算符,看看你會用幾種?
    邏輯運算符用於多條件連接,Excel/VBA編程中,會經常用到邏輯運算符來進行多條件判斷,如A>100或者A<30,A=7並且B=8等,條件滿足則返回True,條件不滿足則返回False。邏輯運算經常用在if...else..或者Do...Loop語句的條件判斷中,Excel/VBA編程中的邏輯運算符一共有6個:邏輯運算符1:邏輯與 And格式:條件1 And 條件2
  • 物聯網開發筆記——嵌入式開發之Linux系統中C語言分支判斷語句
    物聯網開發筆記——嵌入式開發之Linux系統中C運算符第九節本節介紹《Linux系統中C語言控制語句之分支語句》。1、C語言的語句概述1)C 語言提供了以下類型的分支判斷語句。具體查看《嵌入式開發之Linux系統中C語言運算符》。B、表達式也可以是任意類型(包括整型、實型、字符型、指針類型),具體查看《嵌入式開發之Linux系統中C語言數據類型》。3)branch/if-else.c例子
  • C/C++編程筆記:運算符—所有程式語言的基礎!一文帶你搞懂它
    例如,考慮以下語句: c = a + b; 在這裡,「 +」是稱為加法運算符的運算符,而「 a」和「 b加法運算符告訴編譯器將操作數「 a」和「 b」相加。 C / C ++具有許多內置的運算符類型,它們的分類如下: 算術運算符:這些運算符用於對操作數執行算術/數學運算。示例:(+,-,*,/,%,++,–)。
  • React學習筆記-條件渲染|javascript|運算符|react|render_網易訂閱
    React 中的條件渲染和 JavaScript 中的一致,使用 JavaScript 操作符 if 或條件運算符來創建表示當前狀態的元素,然後讓 React 根據它們來更新 UI。先來看兩個組件:  React 是一個用於構建用戶界面的 JAVASCRIPT 庫。React 主要用於構建UI,很多人認為 React 是 MVC 中的 V(視圖)。
  • Javascript 生成器
    生成器函數 首先,代碼中存在生成器函數的定義: 後面的 告訴 javascript 這是一個生成器函數。以下寫法都是生成器函數的有效定義。 並不是函數名的一部分。而是 符號定義了生成器。
  • 什麼是JavaScript對象?如何創建並引用?這就告訴你!
    中一個被我們經常使用的類型,而且JS中的所有對象都是繼承自Object對象的三、對象的鍵名和鍵值(重點)3.1關於鍵名鍵名也被稱為屬性(property),對象的所有屬性都是字符串,所以加不加引號都可以。
  • SELECT語句的基本介紹
    用算術運算符創建數字和日期數據的表達式。注意:如果對日期進行計算,我們只能對 DATE 和 TIMESTAMP 數據類型使用加和減操作。1.優先級: 乘法和除法比加法和減法的優先級高 相同優先級的運算符從左到右計算 圓括號用於強制優先計算,並且使語句更清晰2.例子:
  • 多條件使用Select語句
    在使用分支語句的時候,除了用 IF ……End if,可能還會遇到Select Case 語句。某些時候使用會更加的靈活。結構如下:Select Case 條件判斷Case 條件1處理1Case 條件2處理2……