在JavaScript當中,三則運算是一種非常常用的運算方式,主要使用在判斷和賦值中。三則運算也被稱為條件運算符,由于其使用簡單方便,使得很多開發者都喜歡使用它。
首先,我們來看一個簡單的例子,例如我們需要比較兩個數的大小,然后輸出結果。可以使用以下的代碼:
var a = 10; var b = 5; if (a > b) { console.log("a大于b"); } else { console.log("a小于b"); }
但是,上述的if-else語句可以使用三則運算符來簡化代碼:
var a = 10; var b = 5; var ans = a > b ? "a大于b" : "a小于b"; console.log(ans);
在上面的例子中,使用了三則運算符(?:)來表示判斷條件。箭頭左邊的條件為判斷條件,如果成立就返回冒號左邊的結果,否則返回冒號右邊的結果。
除了判斷,三則運算還有一個非常常用的場景是賦值操作。假設我們需要給一個變量賦值,但是如果這個變量已經有值了,我們就不需要再次賦值,可以使用以下的代碼:
var a; if (!a) { a = 10; }
使用三則運算,則可以用更簡潔的代碼實現同樣的功能:
var a = a || 10;
在上面的代碼中,如果變量a已經有值了,則返回原來的值,否則返回10,并將10賦值給變量a。
最后一個場景是使用三則運算可以讓代碼更簡單易懂。例如我們需要判斷一個數字是否為偶數,可以使用以下代碼:
var a = 10; if (a % 2 === 0) { console.log("偶數"); } else { console.log("奇數"); }
如果使用三則運算,則可以將代碼簡寫為:
var a = 10; var ans = a % 2 === 0 ? "偶數" : "奇數"; console.log(ans);
以上就是三則運算在JavaScript當中的三個場景。三則運算雖然簡單,但是在大量使用的情況下可以簡化代碼、使代碼更易懂。
上一篇css定義3種形式