了解 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中文网其他相关文章！