JavaScript 運算子 (Operators)

JavaScript 有以下這幾類運算子，來讓你可以做不同的操作：

• 指定運算子 (Assignment Operators)
• 比較運算子 (Comparison Operators)
• 算術運算子 (Arithmetic Operators)
• 位元運算子 (Bitwise Operators)
• 邏輯運算子 (Logical Operators)
• 字串運算子 (String Operators)
• 三元運算子 (Conditional (ternary) operator)

從運算子 (operator) 和運算元 (operand) 的關係，JavaScript 的運算子，有所謂的一元 (unary) 運算子、二元 (binary) 運算子和三元 (ternary) 運算子。

一個二元運算子，需要有兩個運算元，一個在運算子前面，一個在運算子後面：

operand1 operator operand2

例如

1 + 2
x * y

一個一元運算子，需要有一個運算元，可能是在運算子前面，或是在運算子後面：

operator operand
// 或
operand operator

例如

x++
// 或
++x

指定運算子 (Assignment Operators)

指定運算子用來指定一個值給一個變數。

比較運算子 (Comparison Operators)

用來比較運算子兩邊運算元的關係，比較後傳回 true 或 false。運算元可以是數值、字串、表達式 (expression) 或物件等。

對於不同型態的值，JavaScript 會嘗試將他們轉型 (type conversion) 到同樣型態後，再做比較，通常是先轉到數值型態。

算術運算子 (Arithmetic Operators)

算術運算子用來做常見的數值運算。

位元運算子 (Bitwise Operators)

用來做二進制的位元運算，位元運算子會將運算元看作 32 bits 位元來做運算，然後運算完後會返回數值型態的結果。

Bitwise shift 運算子: (9 的二進制是 1001)

邏輯運算子 (Logical Operators)

邏輯運算子用來做布林值 (boolean) 的運算，運算結果傳回 true 或 false。

但 && 和 || 還有比較特別的地方，如果運算元的值不是布林值，實際上會傳回其中一個運算元的值，看下面例子。

// foo 是 Dog
var foo = 'Cat' && 'Dog';

// foo 是 false
// 因為 && 遇到 false 的運算元，就會直接返回，不會繼續再往下判斷 (Short-circuit evaluation)
var foo = false && 'Cat';

// foo 是 Cat
// 因為 || 遇到 true 的運算元，就會直接返回，不會繼續再往下判斷 (Short-circuit evaluation)
var foo = 'Cat' || 'Dog';

// foo 是 Cat
var foo = false || 'Cat';

三元運算子 (Conditional (ternary) operator)

condition ? val1 : val2

如果 condition 是 true， 就傳回 val1 的結果，否則傳回 val2 的結果。例如：

// 如果 age 變數大於等於 18，則 status 就會是 adult
// 相反的，如果 age 變數小於 18，則 status 就會是 minor
var status = (age >= 18) ? 'adult' : 'minor';

運算子優先權 (Operator precedence)

各種運算子在處理上的優先次序 (precedence) 是依一般算術規則，先乘除後加減，如果你有一些運算要優先處理，可以放在 () 小括號裡面，例如：

100 + 50 / 2 = 125
(100 + 50) / 2 = 75

這邊整理出 JavaScript 各種運算子的優先權，由高至低排列：