潍坊优化网站百联网上购物商城
JavaScript提供了多种运算符，包括算术运算符、赋值运算符、比较运算符、逻辑运算符等。下面我们将逐步介绍这些运算符。
1. 算术运算符
算术运算符用于执行数学运算。
| 运算符 | 描述 | 示例 |
|---|---|---|
+ | 加法 | 1 + 2 = 3 |
- | 减法 | 5 - 3 = 2 |
* | 乘法 | 2 * 3 = 6 |
/ | 除法 | 10 / 2 = 5 |
% | 取模（余数） | 10 % 3 = 1 |
** | 指数（幂） | 2 ** 3 = 8 |
++ | 递增 | let a=1; a++; // a=2 |
-- | 递减 | let b=3; b--; // b=2 |
注意：递增和递减运算符可以前置或后置，位置不同会导致行为差异：
- 前置：先增减，再返回值。
- 后置：先返回值，再增减。
示例：
let x = 5;
let y = x++; // y = 5, x = 6let a = 5;
let b = ++a; // b = 6, a = 62. 赋值运算符
赋值运算符用于给变量赋值，并可以结合其他运算符进行复合赋值。
| 运算符 | 示例 | 等价于 |
|---|---|---|
= | x = 5 | x = 5 |
+= | x += 3 | x = x + 3 |
-= | x -= 3 | x = x - 3 |
*= | x *= 3 | x = x * 3 |
/= | x /= 3 | x = x / 3 |
%= | x %= 3 | x = x % 3 |
**= | x **= 3 | x = x ** 3 |
3. 比较运算符
比较运算符用于比较两个值，并返回一个布尔值（true或false）。
| 运算符 | 描述 | 示例 |
|---|---|---|
== | 等于（值相等） | 5 == '5' 为 true |
=== | 严格等于（值和类型都相等） | 5 === '5' 为 false |
!= | 不等于 | 5 != '5' 为 false |
!== | 严格不等于 | 5 !== '5' 为 true |
> | 大于 | 10 > 5 为 true |
< | 小于 | 10 < 5 为 false |
>= | 大于等于 | 10 >= 10 为 true |
<= | 小于等于 | 10 <= 5 为 false |
注意：建议使用严格相等（===）和严格不相等（!==），因为它们不会进行类型转换，更安全。
4. 逻辑运算符
逻辑运算符用于组合或操作布尔表达式。
| 运算符 | 描述 | 示例 |
|---|---|---|
&& | 逻辑与 | true && false 为 false |
| ` | ` | |
! | 逻辑非 | !true 为 false |
逻辑运算符也支持短路求值：
&&：如果第一个操作数为假，则不会计算第二个操作数。||：如果第一个操作数为真，则不会计算第二个操作数。
示例：
let a = 10;
let b = (a > 5) && (a < 15); // truelet c = 0;
let d = c || 10; // d = 10，因为c为0（假值），所以返回105. 条件（三元）运算符
条件运算符是JavaScript中唯一需要三个操作数的运算符。语法为：
条件 ? 表达式1 : 表达式2如果条件为真，则返回表达式1的值；否则返回表达式2的值。
示例：
let age = 18;
let status = (age >= 18) ? '成年' : '未成年'; // status = '成年'6. 其他运算符
- 类型运算符：
typeof返回变量的类型，instanceof检查对象是否为特定类的实例。 - 位运算符：如
&,|,~,^,<<,>>等，用于直接操作二进制位（较少使用）。
注意事项
- 运算符优先级：当表达式中有多个运算符时，优先级高的先执行。例如，乘法优先级高于加法。可以使用括号改变优先级。
- 结合性：运算符从左到右或从右到左结合。
示例：优先级
let result = 10 + 5 * 2; // 5*2先计算，然后加10，结果为20
let result2 = (10 + 5) * 2; // 先计算括号内，15*2=30总结
掌握运算符是JavaScript编程的基础，合理使用可提升代码效率和可读性。