文章の目錄

• 1、什么是條件運算符
• 2、語法
• 3、描述
• 4、條件鏈
• 寫在最后

---

1、什么是條件運算符

條件（三元）運算符是 JavaScript 僅有的使用三個操作數的運算符。一個條件后面會跟一個問號（?），如果條件為 true ，則問號后面的表達式 A 將會執行；表達式 A 后面跟著一個冒號（:），如果條件為 false ，則冒號后面的表達式 B 將會執行。本運算符經常作為 if 語句的簡捷形式來使用。

2、語法

condition ? exprIfTrue : exprIfFalse

• condition：計算結果用作條件的表達式
• exprIfTrue：如果表達式 condition 的計算結果是 truthy（它和 true 相等或者可以轉換成 true ），那么表達式 exprIfTrue 將會被求值。
• exprIfFalse：如果表達式 condition 的計算結果是 falsy（它可以轉換成 false ），那么表達式 exprIfFalse 將會被執行。

3、描述

除了 false，可能的假值表達式還有：null 、NaN 、 0 、空字符串（ “” ）、和 undefined 。如果 condition 是以上中的任何一個，那么條件表達式的結果就是 exprIfFalse 表達式執行的結果。

一個簡單的例子：

var age = 26; var beverage = age >= 21 ? "Beer" : "Juice"; console.log(beverage); // "Beer"

一個常見的用法是處理可能為 null 的值：

function greeting(person) {var name = person ? person.name : "stranger";return "Howdy, " + name; }console.log(greeting({ name: "Alice" })); // "Howdy, Alice" console.log(greeting(null)); // "Howdy, stranger"

4、條件鏈

這個三元操作符是右結合的，也就是說你可以像這樣把它鏈接起來， 和 if … else if?… else if … else 鏈類似：

function example(…) {return condition1 ? value1: condition2 ? value2: condition3 ? value3: value4; }// Equivalent to:function example(…) {if (condition1) { return value1; }else if (condition2) { return value2; }else if (condition3) { return value3; }else { return value4; } }

寫在最后

如果你感覺文章不咋地//(ㄒoㄒ)//，就在評論處留言，作者繼續改進；o_O???
如果你覺得該文章有一點點用處，可以給作者點個贊；\\*^o^*//
如果你想要和作者一起進步，可以微信掃描二維碼，關注前端老L；~~~///(^v^)\\\~~~
謝謝各位讀者們啦(^_^)∠※！！！

總結

以上是生活随笔為你收集整理的JavaScript系列之条件运算符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。