当前位置：首页 > news >正文

JavaScript 运算符

news 2025/7/17 22:24:51

JavaScript 中的运算符可以根据其功能和用途分为几类。以下是主要的运算符类型及其用法：

1. 算术运算符

用于执行基本的数学运算。

+ : 加法
```
let sum = 5 + 3; // 8
```
- : 减法
```
let difference = 5 - 3; // 2
```
* : 乘法
```
let product = 5 * 3; // 15
```
/ : 除法
```
let quotient = 5 / 2; // 2.5
```
% : 取余
```
let remainder = 5 % 2; // 1
```
** : 幂运算（ES6引入）
```
let power = 2 ** 3; // 8
```
2. 赋值运算符

用于将值赋给变量。
= : 赋值
```
let x = 10;
```
+= : 加并赋值
```
x += 5; // 相当于 x = x + 5
```
-= : 减并赋值
```
x -= 2; // 相当于 x = x - 2
```
*= : 乘并赋值
```
x *= 2; // 相当于 x = x * 2
```
/= : 除并赋值
```
x /= 2; // 相当于 x = x / 2
```
%= : 取余并赋值
```
x %= 3; // 相当于 x = x % 3
```
**= : 幂并赋值
```
x **= 2; // 相当于 x = x ** 2
```
3. 比较运算符

用于比较两个值，返回布尔值（true 或 false）。
== : 相等（不严格类型检查）
```
console.log(5 == '5'); // true
```
=== : 严格相等（严格类型检查）
```
console.log(5 === '5'); // false
```
!= : 不相等（不严格类型检查）
```
console.log(5 != '5'); // false
```
!== : 严格不相等（严格类型检查）
```
console.log(5 !== '5'); // true
```
> : 大于
```
console.log(5 > 3); // true
```
< : 小于
```
console.log(5 < 3); // false
```
>= : 大于或等于
```
console.log(5 >= 5); // true
```
<= : 小于或等于
```
console.log(5 <= 3); // false
```
4. 逻辑运算符

用于进行逻辑运算。
&& : 逻辑与
```
console.log(true && false); // false
```
|| : 逻辑或
```
console.log(true || false); // true
```
! : 逻辑非
```
console.log(!true); // false
```
5. 位运算符

用于对数字的二进制位进行操作。
& : 按位与
| : 按位或
^ : 按位异或
~ : 按位取反
<< : 左移
>> : 右移
>>> : 无符号右移
6. 条件运算符（三元运算符）

简化的条件语句，用于根据条件返回不同的值。
```
let age = 18;
let canVote = (age >= 18) ? 'Yes' : 'No'; // 'Yes'
```
7. 其他运算符
逗号运算符 ,：用于在一个表达式中计算多个值，并返回最后一个值。
```
let a = (1, 2, 3); // a 现在是 3
```
类型运算符 typeof：用于获取变量的类型。
```
console.log(typeof 'hello'); // "string"
```
instanceof：用于检测对象是否为某个构造函数的实例。
```
console.log([] instanceof Array); // true
```
运算符优先级
在 JavaScript 中，运算符的优先级决定了表达式中各个运算符的计算顺序。以下是运算符的优先级从高到低的列表：
括号 ()
成员访问 . 以及 数组索引 []
自增/自减 ++ --（前缀）
一元运算符 + - ! ~
乘法/除法/取余 * / %
加法/减法 + -
位移运算符 << >> >>>
关系运算符 < <= > >=
相等运算符 == != === !==
位与 &
位异或 ^
位或 |
逻辑与 &&
逻辑或 ||
条件运算符 ? :
赋值运算符 = += -= *= /= 等

逗号运算符
总结：

优先级	运算符	顺序
1	小括号、数组下标、字段访问	() []
2	一元运算符	! ++ --
3	算数运算符	先 * / % 后 +
4	关系运算符	> >= < <=
5	相等运算符	== != === !==
6	逻辑运算符	先 && 后 \|\|
7	赋值运算符	=

注意事项:
括号 ()的使用可以改变运算符的优先级，确保按预期顺序计算。
一些运算符（如赋值运算符）是右结合的，而大多数其他运算符是左结合的，这意味着它们从左到右进行计算。
示例
考虑以下表达式
```
let result = 5 + 3 * 2; // 结果为 11，而不是 16
```
在这个例子中，乘法运算符 * 的优先级高于加法运算符 +，因此 3 * 2 先计算，然后再加上 5。
总结

了解 JavaScript 运算符及其用法能够帮助开发者编写更加高效和清晰的代码。在实际开发中，合理利用这些运算符可以提高代码的可读性和维护性。