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

js运算符

news 2025/7/16 11:55:19

运算符

@jarringslee

*赋值运算符 = += -= = /= 对变量进行赋值的运算符，用于简化代码。左边是容器，右边是值

一元运算符

正号+ 符号- 赋予数据正值、负值

自增++ 自减–

前置和后置：++i和i++：一般情况下习惯使用后置i++，两者在单独使用时没有区别。

两者区别：在一行运算中，++i先给自身加完之后再参与运算，i++先参与运算之后在自加。

let i = 1;
console.log(++i + 1)  
//i值先变为2再参与运算，输出值为3

let i = 1;
console.log(i++ + 1)  
//i先参与运算，输出值为2，自身再自加变为2

let i = 1;
console.log(i++ + ++i + i)
/* i++：先用后加值是 1，然后 i 变成 2++i：先加后用i 从 2 变成 3，值是 3i：此时 i 已经是 3所以整个表达式就是：1 + 3 + 3 = 7因此打印结果是 7。  */

比较运算符 < > <= >= == === != !== 比较结果为boolean类型的值（只有true或者false）
- == 左右两边值是否相等
- === 左右两边值和类型是否都相等（全等，常用）
- != 左右两边是否值不相等
- !== 左右两边是否不全等
- NaN不等于任何值，包括它自己
隐式转换下，常常会有值相等但类型不相同的例子。

在做 == 比较时会隐式转换，所以经常出现 “值看起来一样，但类型不同” 的情况，例如：
```
'1' == 1        // true   字符串 '1' 被转成数字 1
0 == false      // true   布尔值 false 被转成 0
null == undefined // true  规范规定这对特殊值相等
' \n ' == 0     // true   空格字符串被转成 0
```
而 === 不做任何类型转换，只要类型不同就直接返回 false：
```
'1' === 1       // false
0 === false     // false
null === undefined // false
```
所以：
- == 比较转换后的值
- === 比较值 + 类型
- 全等/不全等（=== / !==）先看类型，类型不同直接判 false / true。
- 相等/非相等（== / !=）先转换再比较。
- 字符串比较按字典序（Unicode 码点），逐位比，直到发现大小不同的值，前缀相同则短的小。
```
console.log(2 === '2');        // false  （类型不同）
console.log(NaN === NaN);      // false  （NaN !== NaN）
console.log(2 !== '2');        // true   （类型不同）
console.log(2 != '2');         // false  （转换后相等）console.log('a' < 'b');        // true   （97 < 98）
console.log('aa' < 'ab');      // true   （第二位 a < b）
console.log('aa' < 'aac');     // true   （前缀相同，aa 更短）
```
逻辑运算符 &&与（一假则假） ||或（一真则真） !非（真变假，假变真）

运算符优先级

优先级	运算符	顺序
1	小括号	()
2	一元运算符	++ -- !
3	算术运算符	* / % 先于 + -
4	关系运算符	> >= < <=
5	相等运算符	== != === !==
6	逻辑运算符	&& 先于 \|\|
7	赋值运算符	= += -= …
8	逗号运算符	,