如何理解javascript三目運算符

這篇文章主要介紹“如何理解javascript三目運算符”，在日常操作中，相信很多人在如何理解javascript三目運算符問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”如何理解javascript三目運算符”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

在javascript中，三目運算符沒有等號，它是由一個問號和一個冒號組成的，語法格式“條件表達式 ? 表達式1 : 表達式2 ;”；如果“條件表達式”的結果為真（true），則執行“表達式1”中的代碼，否則就執行“表達式2”中的代碼。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript中的三目運算符

三目運算符（也被稱為三元運算符、條件運算符），由一個問號和一個冒號組成，語法格式如下：

條件表達式 ? 表達式1 : 表達式2 ;

“條件表達式”必須是一個布爾型的表達式，而“表達式1” 和 “表達式2” 是任意類型的值。

• 如果“條件表達式”的結果為真（true），則執行“表達式1”中的代碼，并返回該表達式的值。

• 如果“條件表達式”的結果為假（false），則執行“表達式2”中的代碼，并返回該表達式的值。

示例：

定義變量 a，然后檢測 a 是否被賦值，如果賦值則使用該值；否則設置默認值。

var a = null;  //定義變量a
typeof a != "undefined" ? a = a : a = 0;  //檢測變量a是否賦值，否則設置默認值
console.log(a);  //顯示變量a的值，返回null

條件運算符可以轉換為條件結構：

if(typeof a != "undefined"){  //賦值
    a = a;
}else{  //沒有賦值
    a = 0;
}
console.log(a);

也可以轉換為邏輯表達式：

(typeof a != "undefined") && (a =a) || (a = 0);  //邏輯表達式
console.log(a);

在上面表達式中，如果 a 已賦值，則執行 (a = a) 表達式，執行完畢就不再執行邏輯或運算符后面的 (a = 0) 表達式；如果 a 未賦值，則不再執行邏輯與運算符后面的 (a = a) 表達式，轉而執行邏輯或運算符后面的表達式 (a = 0)。

到此，關于“如何理解javascript三目運算符”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！