JavaScript 三元條件運算子| D棧
文章推薦指數: 80 %
條件運算子,也稱為三元運算子,是 if ... else 語句的單行簡寫。
它有助於編寫乾淨簡潔的程式碼。
它是唯一一個需要3 個運算元的JavaScript 運算子:要 ...
JavaScript貼士
使用JavaScript將HTML內容附加到現有的HTML元素
在JavaScript中獲取字串的最後一個字元
在JavaScript中獲取月份名稱
在JavaScript中設定HTML表單元素的樣式
在JavaScript中設定HTML表單元素的焦點
使用JavaScript將位元組轉換為千兆位元組
在JavaScript中將ASCII轉換為十六進位制
在JavaScript中將數字轉換為二進位制格式
reportthisad
貼士文章
JavaScript貼士
JavaScript三元條件運算子
示例:JavaScript三元條件運算子
示例:JavaScript巢狀三元運算子
示例:JavaScript三元運算子中的多項操作
本教程將介紹如何在JavaScript中使用?:條件運算子。
if...else語句僅在滿足特定條件時幫助我們執行特定程式碼塊。
條件運算子,也稱為三元運算子,是if...else語句的單行簡寫。
它有助於編寫乾淨簡潔的程式碼。
它是唯一一個需要3個運算元的JavaScript運算子:要計算的條件,如果條件為true時要執行的表示式,以及如果條件為false時要執行的表示式。
因為它需要3個運算元,所以它的名字是三元運算子。
condition?expression1:expression2
三元運算子首先評估給定的condition。
條件與expression1之間用?分隔並且expression2與expression1由:分隔。
如果condition為真,則條件運算子執行expression1,否則執行expression2。
示例:JavaScript三元條件運算子
varage=18;
varcanVote;
if(age>=18){
canVote='yes';
}
else{
canVote='no';
}
上面的示例顯示了使用傳統的if...else語句執行的條件語句。
varage=18;
varcanVote=age>=18?'yes':'no';
我們已經使用三元運算子重寫了上面的程式碼。
示例:JavaScript巢狀三元運算子
與if...else語句一樣,我們也可以使用巢狀的三元運算子來執行多個條件檢查。
varcarSpeed=90;
varwarning=speed>=100?'WayTooFast!!':(speed>=80?'Fast!!':'Nice:)');
console.log(warning);
在上面的程式碼中,我們根據汽車速度為汽車生成警告。
首先,我們檢查carSpeed是否超過100,如果條件滿足,我們會生成一個警告說WayTooFast!!。
否則,我們巢狀了第二個表示式,檢查carSpeed是否大於80並根據評估顯示Fast/Nice。
示例:JavaScript三元運算子中的多項操作
我們可以在一個三元運算子中執行多個操作,就像if...else語句一樣。
letisStudent=true;
letprimeVideo=12;
isStudent?(
primeVideo=primeVideo/2,
alert('Enjoyyourstudentdiscount')
):(
alert('Youhavetopayfullprice')
);
在上面的程式碼中,我們執行了兩個操作而不是一個,將primeVideo的值更改為其一半並提醒使用者。
相關文章-JavaScriptOperator
JavaScript中i++和++i的區別
JavaScript中的notin運算子
JavaScript中的elvis運算子
JavaScript中的感嘆號運算子
JavaScriptGUIDJavaScript中的mailto
xx
延伸文章資訊
- 1[JS] JavaScript 運算子(Operator) | PJCHENder 未整理筆記
條件三元判斷式(ternary operator)
- 2[Js] 三元運算符/ 三元運算值 - Medium
條件? 符合條件結果: 不符合條件結果; condition ? statement-if-true : statement-if-false;. 三元運算符其實就是if … else 的簡單寫...
- 3現代[JavaScript] 程式設計教學:使用運算子(Operator)
本文介紹JavaScript 中可用的運算子。 ... 代數運算子使用方式如同數學上的代數,像 2 + 3 * 5 會先運算 3 * 5 再加 2 ,如果 ... 以下是JavaScript 的...
- 4條件運算子- JavaScript
條件(三元) 運算子是JavaScript 唯一用到三個運算元的運算子:在一個條件後面會跟著一個問號(?),如果條件是truthy,在冒號(:)前的表達式會被執行, ...
- 5新手學習JavaScript: Day09 - 三元運算子與迴圈 - iT 邦幫忙
昨天介紹了if..else與switch的條件流程判斷,今天開頭先讓我們來補充一下三元運算子,再來介紹迴圈吧! 三元運算子三元運算子,又稱「條件運算子」。