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

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

假設一個場景,在我們的面前有左右兩條路,而我們只能選擇其中的一條,我們無非就兩種選擇,一種是走左邊的路,否則就是走右邊的路,不允許耍賴不走,只能在同一時間選擇一條路,將生活中的這一經驗轉換在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、非(!):用感嘆號表示。

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

轉換為相反的值:

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

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

相關焦點

  • 簡碼編程:如何通俗理解javaScript中的三目運算符?
    如何通俗理解javaScript中的三目運算符簡碼編程工作中經常需要用到JavaScript,要閱讀別人寫的JS代碼,所以經常會遇到各種花式語法技巧,其中三目運算符就是比較難理解的一種語法技巧。其中,經常會需要用到判斷語句,某條件被滿足時執行某操作,不被滿足時執行另一個操作,如果用 if else 語句,會比較浪費文字,用三目運算符的話就很精簡了。三目運算符中的問號「?」表示前麵條件判斷不確定,冒號「:」表示後面兩個候選值或操作二選一。問號就是對此有疑問,而冒號的兩個點像不像二選一?這樣容易理解了吧?
  • JavaScript運算符與流程控制
    - 表達式和返回值表達式:是由數字、運算符、變量等以能求得數值的有意義排列法所得的組合簡單理解:是由數字、運算符、變量等組成的式表達式Y終都會有個結果,返回給開發者,稱為返回值1.3 遞增和遞減運算符- 遞增和遞減運算符概述如果需要反覆給數字變量添加或減去1,可以使遞增(++)和遞減( -- )運算符來完成
  • 運算符和表達式(1)
    上兩課說了常量和變量,先來補充一個用以重新定義數據類型的的語句吧。這個語句就是typedef,這是個很好用的語句,但我自己卻不常用它,通常我定義變量的數據類型時都是使用標準的關鍵字,這樣別人可以很方便的研讀你的程序。
  • 單片機c語言教程:C51運算符和表達式
    上兩課說了常量和變量,先來補充一個用以重新定義數據類型的的語句吧。這個語句就是 typedef,這是個很好用的語句,但我卻不常用它,通常我定義變量的數據類型時都是使 用標準的關鍵字,這樣別人能很方便的研讀你的程序。
  • python條件判斷語句
    後面加上提示輸入的語句,就可以獲取用戶輸入的語句 舉個小例子: 我們輸入123456後按回車,即可成功輸入 算術運算符: 比較運算符: 賦值運算符: 邏輯運算符: 以上是我們要掌握的運算符,還有一些位運算符、成員運算符、身份運算符等等 大家可以自己搜索了解一下 運算符的優先級
  • Javascript之運算符
    ECMAJavascript規定了用於操作數據值的操作符,包括了算術操作符、位操作符、關係操作符和相等操作符。一、一元操作符1、運算元:我們使用運算符所應用的對象。例如我們經常使用的加法運算:1 + 2,有兩個運算元,左邊運算元1和右邊的元算元2,但是我們在開發中經常稱之為參數。
  • JavaScript中逗號運算符,鮮為人知的秘密
    所以為了使人瞭然於心,參與逗號以下兩種表達式時,逗號就是單純的逗點算符:左手側表達和右手側表達式。這些表達式也含有其他運算符、變量和函數。逗號運算符有何作用它可按順序連接兩個表達式,先從左到右估算所有運算數,然後返回最後一個運算數的值。需要注意的是,逗號運算符不同於數組、對象、函數參數中的逗號。
  • 詳解Java表達式與運算符
    通過本課的學習你將掌握運用表達式和運算符完成變量賦值、條件判斷、數學運算、邏輯運算等功能操作】在講述課程內容之前,先看一個求圓面積的問題。求圓面積的公式為;其中S為圓面積,π為圓周率,r為半徑。結合上面的案例,本節課程分為三個小節,第一小節探討不能修改的變量—常量;第二小節探討表達式的組成結構及運用;第三小節探討Java的基本運算符,包括賦值運算符、算術運算符、關係運算符和邏輯運算符。
  • 跟我學java編程—Java邏輯運算符
    第四條語句邏輯與運算符「&&」連接了2個條件表達式,分別是c > a和c < b,如果這兩個表達式計算結果都為真,則bJudge為真,否則bJudge為false。此時bJudge的值為true。該運算符還有一個特點,當左側的條件表達式或布爾變量為假時,則直接返回結果false,不再執行運算符右側的表達式或布爾變量。
  • 七天學會javascript第一天javascript介紹
    javascript介紹javascript數據類型javascript運算符javascript對象javascript Date對象javascript String對象JavaScript常用於實現一些前端效果。前些年流行的flash已經慢慢的被淘汰,js盛行起來。javascript :客戶端編程。javascript是由客戶端去解釋運行的。
  • 10個 Javascript 小技巧幫你提升代碼質量
    本文轉載自【微信公眾號:前端人,ID:FrontendPeople】經微信公眾號授權轉載,如需轉載與原文作者聯繫簡介主要介紹以下幾點:提煉函數合併重複的條件片段把條件分支語句提煉成函數合理使用循環提前讓函數退出代替嵌套條件分支傳遞對象參數代替過長的參數列表少用三目運算符合理使用鏈式調用分解大型類本文會不斷更新,不足之處歡迎評論區補充
  • 第三篇:JavaScript語句流程控制
    在一個程序執行的過程中,語句的執行順序對程序的結果是有直接影響的。也就是說程序的流程對運行結果有直接的影響。語句流程控制是用來控制程序中各條語句的執行順序,它可以把語句組合成能完成一定功能的代碼段。流程控制方式主要有:順序結構、條件結構和循環結構。
  • 什麼是javascript?javascript需要學哪些內容?這篇文章告訴你!
    $:不建議使用,它可能會和其他的框架語法衝突,或者是函數的名字衝突(1)JavaScript語言的標識符對大小寫敏感,所以a和A是兩個不同的標識符。(2)首字母可以是任意字母以及美元符號和下劃線。剩餘可以是任意字母,美元符號,下劃線和數字(3)不能使用javascript中的關鍵字(保留字)來命名變量(4)中文也可以聲明變量,不建議使用它。
  • C語言中的運算符和表達式
    1、加法和減法運算符加法運算符為「+」,使運算符兩側的值相加,兩側的值可以是變量、常量和表達式等。減法運算符為「-」,使運算符左側的值減去右側的值。符號運算符、自增和自減運算符為一元運算符。三、關係運算符和關係表達式程序設計中需要經常對運算對象之間的大小進行比較,如:大小、相等等關係,這樣的運算符稱為關係運算符,用關係運算符將數值或表達式連接起來的式子就是關係表達式,滿足關係表達式運算符關係的結果稱為「真」,否則為假。
  • 【小白教程】JavaScript——運算符
    比較運算上面是一個條件語句:如果 c>d 條件成立,那麼控制臺就會輸出 c>d。否則就會輸出 c>d NO下面幾個也就不再一一舉例了。==會把值轉換為數字,檢查是否相等。邏輯運算是通過條件語句來實現的,條件語句的值只有兩個:真(true)或假(false)。與(&&)運算表示如果 e 與 f 兩個條件都為真(true)的話,那麼就在控制臺輸出 Logic(1) ,否則就輸出 Logic(2)。
  • JavaScript中的「黑話」
    ==為相等運算符,操作符會先將左右兩邊的操作數強制轉型,轉換為相同的操作數,再進行相等性比較。===為全等運算符,它除了在比較時不會將操作數強制轉型,其餘相等判斷與==一致。簡單而言, ==用於判斷值是否相等, ===判斷值與類型是否都相等,因此使用全等運算符判斷操作數會更準確,新手也在學習JavaScript接收到的前幾條Tips就是避免使用相等運算符,真的是這樣嗎?
  • matlab關係運算符
    算數運算符 + 矩陣加 - 減 * 乘 .* 數組乘 ^ 矩陣乘方.^ 數組乘方 \ 矩陣左除 / 矩陣右除 .\ 數組左除 ./ 數組右除 kron 克羅內克張量積 關係運算符 邏輯與 | 邏輯或 ~ 邏輯非 xor 邏輯異或
  • 《第3章 Python 運算符與表達式》3.1.3 比較(關係)運算符!
    《高中信息技術 Python編程》 教學案 《第3章 Python 運算符與表達式》3.1.3 比較(關係)運算符!瀏覽器版本過低,暫不支持視頻播放3.1.3、比較(關係)運算符用於對變量或表達式的結果進行大小,真假的比較,返回結果True 、False,通常用在條件語句中作為判斷的依據。
  • 快速掌握MySQL資料庫中SELECT語句
    4、表達式(列名、常量、函數,或以算術或逐位運算符連接的列名、常量和函數的任何組合)。  5、內部函數或集合函數。  6、上述各項的任何一種組合。  FROM:決定SELECT命令中使用哪些表。一般都要求有此項,除非select_list中不含列名(例如,只有常量、算術表達式等)。如果表項中有多個表,用逗號將之分開。