了解 JavaScript 運算符

在 JavaScript 中，運算子是用於對值和變數執行操作的特殊符號或關鍵字。它們允許我們操作資料並控製代碼流。讓我們來分析一下最常用的運算子類型及其用途：

1️⃣ 賦值運算子 (=)

賦值運算子用於為變數賦值。
？例：

let x = 10 // Assigns the value 10 to variable x
let y = 5 // Assigns the value 5 to variable y

2️⃣ 算術運算符

算術運算子對數字執行基本的數學運算。

1. （新增）
2. -（減法）
3. *（乘法）
4. /（除法）
5. %（模數 – 除法的餘數）
6. **（求冪 (ES2016)）
7. （增量）
8. --（遞減）

？例：

console.log("x + y = " + (x + y)) // Output: x + y = 15
console.log("x - y = " + (x - y)) // Output: x - y = 5
console.log("x / y = " + (x / y)) // Output: x / y = 2
console.log("x * y = " + (x * y)) // Output: x * y = 50
console.log("x % y = " + (x % y)) // Output: x % y = 0
console.log("(x**y) = " + (x**y)) // Output: (x**y) = 100000
console.log("(++x) = " + (++x)) // Output: (++x) = 11
console.log("(x++) = " + (x++)) // Output: (x++) = 11
console.log("(--y) = " + (--y)) // Output: (--y) = 4
console.log("(y--) = " + (y--)) // Output: (y--) = 4

3️⃣ 比較運算符

比較運算子比較兩個值並傳回布林值（true 或 false）。這些通常用在迴圈和分支語句中。

1. ==（等於）
2. ===（嚴格等於）
3. !=（不等於）
4. !==（嚴格不等於）
6. > （大於）
8. >=（大於或等於）

？例：

console.log("(x == y) = " + (x == y)) // Output: (x == y) = false
console.log("(x != y) = " + (x != y)) // Output: (x != y) = true
// Compares datatypes also
console.log("(x === y) = " + (x === y)) // Output: (x === y) = false
// Compares datatypes also
console.log("(x !== y) = " + (x !== y)) // Output: (x !== y) = true
console.log("(x > y) = " + (x > y)) // Output: (x > y) = true
console.log("(x >= y) = " + (x >= y)) // Output: (x >= y) = true
console.log("(y < x) = " + (y < x)) // Output: (y < x) = true
console.log("(y <= x) = " + (y <= x)) // Output: (y <= x) = true

4️⃣ 邏輯運算符

邏輯運算子用於執行邏輯運算並傳回布林值（true 或 false）。

1. &&（邏輯與）
2. || （邏輯或）
3. ！ （邏輯非）

？例：

let isValidNumber = (x > 8 && 8 > y) // If both condition are correct returns true otherwise false
console.log("(x > 8 && 8 > y) = " + isValidNumber) // Output: (x > 8 && 8 > y) = true

let isValidCheck = (x > 20 || 8 > y) // If one of condition is correct returns true otherwise false
console.log("(x > 20 || 8 > y) = " + isValidCheck) // Output: (x > 20 || 8 > y) = true

let isValid = false
console.log("(!isValid) = " + !isValid) // Output: (!isValid) = true

5️⃣ 字串運算符

此運算子用途廣泛，可以與字串一起使用以進行連接（連接兩個字串）。當與數字一起使用時，它執行加法。

？例：

// Concatenation
console.log("Richa " + "webDev") // Output: Richa webDev 
// Addition
console.log(10 + 5) // Output: 15

6️⃣ 三元運算子 (?:)

三元運算子是執行條件檢查的簡潔方法。如果條件為 true，則傳回一個值；如果條件為 false，則傳回另一個值。
？語法：

condition ? valueIfTrue : valueIfFalse;

？例：

const isEven = 10 % 2 === 0 ? "Number is even" : "Number is old"
console.log("isEven = " + isEven) // Output: isEven = Number is even

？謎

解釋為什麼涉及 num 、 --num 和 num-- 操作的程式碼片段的輸出會產生值 21。請在下面評論。

let num = 20
console.log("num = " + num) // Output: (++num) = 21
console.log("(++num) = " + (++num)) // Output: (++num) = 21
console.log("(num++) = " + (num++)) // Output: (num++) = 21
console.log("(--num) = " + (--num)) // Output: (--num) = 21
console.log("(num--) = " + (num--)) // Output: (num--) = 21

輸出：

num = 20
(++num) = 21
(num++) = 21
(--num) = 21
(num--) = 21

結論

JavaScript 運算子是幫助您編寫有效且高效的程式碼的基本構建塊。透過掌握它們，您可以執行各種操作，從簡單的分配到複雜的邏輯檢查。對這些操作員進行實驗，以便更好地了解他們的行為！
快樂編碼✨

以上是了解 JavaScript 運算符的詳細內容。更多資訊請關注PHP中文網其他相關文章！