簡碼編程:如何通俗理解javaScript中的三目運算符?

2021-01-10 簡碼編程
如何通俗理解javaScript中的三目運算符

簡碼編程工作中經常需要用到JavaScript,要閱讀別人寫的JS代碼,所以經常會遇到各種花式語法技巧,其中三目運算符就是比較難理解的一種語法技巧。

因為JavaScript通常被用在網頁前端,所以一般文件越簡約越好,以便減小文件體積,增加網頁加載速度。其中,經常會需要用到判斷語句,某條件被滿足時執行某操作,不被滿足時執行另一個操作,如果用 if else 語句,會比較浪費文字,用三目運算符的話就很精簡了。

三目運算符中的問號「?」表示前麵條件判斷不確定,冒號「:」表示後面兩個候選值或操作二選一。問號就是對此有疑問,而冒號的兩個點像不像二選一?這樣容易理解了吧?

JavaScript三目運算符中,前麵條件判斷為真時,後面選擇第一個候選值或操作;前麵條件判斷為假時,後面選擇第二個候選值或操作。示例如下:

var b = true?1:2;console.log(b);//輸出2var b = false?1:2;console.log(b);//輸出1

為了更通俗淺顯地用生活中的情景來理解,再舉個例子:

var 有沒有錢 = true;var 結果 = 有沒有錢"喜歡":"不喜歡";console.log(結果);//輸出"喜歡"有沒有錢 = false;var 結果 = 有沒有錢"喜歡":"不喜歡";console.log(結果);//輸出"不喜歡"

這個例子雖然有點諷刺拜金女的意味,但確實是生活中最常見的現象,能幫助大家理解抽象的知識。希望各位讀者能夠理解。

相關焦點

  • Javascript之if條件語句和三目運算符
    假設一個場景,在我們的面前有左右兩條路,而我們只能選擇其中的一條,我們無非就兩種選擇,一種是走左邊的路,否則就是走右邊的路,不允許耍賴不走,只能在同一時間選擇一條路,將生活中的這一經驗轉換在js中就是我們今天要學的if條件語句。
  • Javascript之運算符
    c、隱式的將其它類型轉換為數值型說明:我們可以在編程的時候合理的應用一元操作符進行類型轉化,這將使我們的效率得到提升。二、位操作符位操作符的使用在日常工作中使用的很少,但是為了理解他們,我們需要學習計算機底層的一些知識,那就會是非常枯燥的,如果有興趣可以去閱讀MDN關於位運算符的相關文章,我在這裡只簡單地將其列出。
  • 七天學會javascript第一天javascript介紹
    javascript介紹javascript數據類型javascript運算符javascript對象javascript Date對象javascript String對象JavaScript常用於實現一些前端效果。前些年流行的flash已經慢慢的被淘汰,js盛行起來。javascript :客戶端編程。javascript是由客戶端去解釋運行的。
  • JavaScript運算符與流程控制
    JavaScript中常的運算符有:- 算數運算符 - 遞增和遞減運算符 - 較運算符 - 邏輯運算符 - 賦值運算符1.2 算數運算符- 算術運算符概述概念:算術運算使的符號,於執兩個變量或值的算術運算。- 浮點數的精度問題浮點數值的Y精度是 17 位數,但在進算術計算時其精確度遠遠不如整數。
  • 運算符和表達式(1)
    如果你是個DELPHI編程愛好者或是程式設計師,你對變量的定義也許習慣了DELPHI的關鍵字,如int類型常會用關鍵字Integer來定義,在用C51時你還想用回這個的話,你可以這樣寫:typedef int integer;integer a,b;這兩句在編譯時,其實是先把integer定義為int,在以後的語句中遇到integer就用int置換,integer就等於int
  • 跟我學java編程—Java邏輯運算符
    邏輯運算符用於連接兩個條件表達式或布爾類型的變量,用於執行多個判斷。在數學中,表示一個數值的範圍時,經常用不等式來表述。例如:假設一個數值取值範圍為0到100,設該數值為x,不等式0<x<100給出了x的取值範圍,在Java程序語言中,邏輯運算符可以實現類似數學中的不等式。下表列出了Java語言支持的邏輯運算符,表中假設布爾變量A為真,變量B為假。
  • javascript語言的六大運算符功能,你掌握了多少?
    朦朧中醒來,又過了一個冬夜。昨天還未消化,還有許多事情沒來得急做,今日又開始忙碌。這樣反覆無常的日子,不知道要過到何時!這就是生活!今天的你準備好接受新的東西了嗎?記得昨天小編說過,想要成為一名優秀的程式設計師,基礎最重要,看一遍,不如打開編輯工具,編一遍,打開筆記本,抄一遍。想成為編程大咖的你,照做了嗎?對於昨天的數據轉換,你掌握了多少?好了,廢話就不多講了,咱們開始今天的新旅程吧!
  • Excel中的數據處理樞紐運算符,你不知,可是你的同事1分鐘就學會
    那麼今天我們開始學習數據處理的橋梁,也就是本文要說的運算符如何應用, 運算符用於執行程序代碼運算,會針對一個以上操作數項目來進行運算。現在我們一起來學習吧!主要分為4個大類進行舉例說明,讓你輕鬆學習。如下如所示:通俗的話語來說,算術運算符就是用來處理四則運算的符號,這是我們最簡單,也最常用的符號,尤其是在對數字的處理的時候,幾乎都會使用到算術運算符號。在這裡特別說一下第5個的整除運算,我們看看如下所示的結果。這個和我們的求餘運算符(MOD),有區別的,這個需要特別注意。這個在我們數據取整的時候,也會用到。
  • 詳解Java表達式與運算符
    結合上面的案例,本節課程分為三個小節,第一小節探討不能修改的變量—常量;第二小節探討表達式的組成結構及運用;第三小節探討Java的基本運算符,包括賦值運算符、算術運算符、關係運算符和邏輯運算符。根據操作數的不同,運算符又分為單目運算符、雙目運算符和三目運算符。單目運算符只有一個操作數,雙目運算符有兩個操作數,三目運算符則有三個操作數。位運算符涉及到二進位位的運算,在java 程序中運用不是很多,因此下面主要介紹算術運算符、賦值運算符、關係運算符和邏輯運算符。
  • JavaScript中逗號運算符,鮮為人知的秘密
    這些表達式也含有其他運算符、變量和函數。逗號運算符有何作用它可按順序連接兩個表達式,先從左到右估算所有運算數,然後返回最後一個運算數的值。需要注意的是,逗號運算符不同於數組、對象、函數參數中的逗號。let x = 10;x = (x--, x);console.log(x);// expected output: 9x = (20, 30);console.log(x);// expected output: 30在上面的例子中必須使用圓括號,因為逗號運算符在所有JavaScript中的優先級是最低的。
  • 單片機c語言教程:C51運算符和表達式
    如果你是個DELPHI 編程愛好者或是DELPHI程式設計師,你對變量的定義也許習慣了DELPHI 的關鍵字,如 int 類型常會用關鍵字Integer來定義,在用 單片機c語言時你還想用回這個的話,你能這樣寫:本文引用地址:http://www.eepw.com.cn/article/170888.htmtypedef int integer;
  • 什麼是javascript?javascript需要學哪些內容?這篇文章告訴你!
    內存中堆區和棧區4.1.1 單獨聲明4.1.2 多個變量聲明,中間用逗號隔開4.1.3 重複聲明4.1.4 遺漏聲明4.1.5 顯示聲明與隱式聲明區別JS中變量聲明分顯式聲明和隱式聲明。剩餘可以是任意字母,美元符號,下劃線和數字(3)不能使用javascript中的關鍵字(保留字)來命名變量(4)中文也可以聲明變量,不建議使用它。
  • 程式設計師必須掌握的 12 個 JavaScript 技能!
    作者 | Nick Scialli譯者 | 譚開朗責編 | 屠敏以下為譯文:JavaScript 是一種複雜的程式語言。無論你的開發水平如何,理解 JavaScript 的基礎概念都尤為重要。本文將與大家分享 12 個實用的 JavaScript 技能,未來我也將在 Github 的 JS Tips&Tidbits 倉庫(https://github.com/nas5w/javascript-tips-and-tidbits)中持續更新此概念列表。
  • 在JavaScript字符串的search()方法中,如何匹配正則表達式?
    第一節:基本概念#JavaScript#正則表達式已經成為各大程式語言的標準,只是在不同的語言中,所使用的方式有所不同,但基本上核心的功能都是一樣的。正則表達式的核心功能是建立一種匹配模式,這個匹配模式可以理解為模板,模子。然後再拿具體的字符串來與這個模式進行匹配,如果匹配上,則表示符合要求,則進一步採用措施。
  • 如何從零學習一門程式語言,並由此拿到高薪?
    有必要談談的是:如何由淺入深的學習一門程式語言?學習所有程式語言有沒有一個相對統一的學習方法?為此,我特意請教了一位資深程式設計師大咖,希望能給正準備入門編程的同學一些參考。這位程式設計師接觸過不少程式語言:Java、Python、Javascript、C、C++、Shell等等。
  • JavaScript中的「黑話」
    & 與 &&如何你是從類C語言過來的話,請拋棄之前的刻板印象:&可以充當邏輯操作符號。在JavaScript中,&只能進行位運算。&,它表示按位與,此運算符需要兩個數字並返回一個數字。如果它們不是數字,則會轉換為數字。
  • C語言中的運算符和表達式
    一、賦值運算符和賦值表達式1、賦值運算符C語言的賦值運算符為等號,表示形式「=」。此外,還有複合賦值運算符,後續陸續介紹。二、算術運算符和算術表達式對計算機中數據進行算術運算的運算符,稱為算術運算符,包括數學中學到的加減乘除和一些擴展。
  • 什麼是JavaScript對象?如何創建並引用?這就告訴你!
    1.2 什麼是對象對象:就類中的一個具體的實物。人類-具體某一個人(張三丰)。動物類-(一個具體的動物-東北虎),家電類-(具體一個比如說電視。)js 中我們包含哪些對象呢?內置對象(本地對象):Math對象,Number對象,Date對象等,系統給我們提供好的,我們拿過來用就可以了。
  • 10個 Javascript 小技巧幫你提升代碼質量
    本文轉載自【微信公眾號:前端人,ID:FrontendPeople】經微信公眾號授權轉載,如需轉載與原文作者聯繫簡介主要介紹以下幾點:提煉函數合併重複的條件片段把條件分支語句提煉成函數合理使用循環提前讓函數退出代替嵌套條件分支傳遞對象參數代替過長的參數列表少用三目運算符合理使用鏈式調用分解大型類本文會不斷更新,不足之處歡迎評論區補充
  • 《第3章 Python 運算符與表達式》3.1.1 算術運算符!
    《高中信息技術 Python編程》 教學案 《第3章 Python 運算符與表達式》3.1.1 算術運算符!3.1.1、算術運算符: 常規: + - * / 編程實例:原始碼:python = 95 # 定義變量,存儲Python的分數english = 92 # 定義變量,存儲English的分數c = 89