js运算符（挑战全网最详细）

小老弟会发光

2022-10-04 72 阅读3分钟

运算符

就是在代码里面进行运算的时候使用的符号，不光只是数学运算，我们在 js 里面还有很多的运算方式

数学运算符

+

只有符号两边都是数字的时候才会进行加法运算

只要符号任意一边是字符串类型，就会进行字符串拼接
-

会执行减法运算

会自动把两边都转换成数字进行运算
*

会执行乘法运算

会自动把两边都转换成数字进行运算
/

会执行除法运算

会自动把两边都转换成数字进行运算
%

会执行取余运算

会自动把两边都转换成数字进行运算

赋值运算符

=

就是把 = 右边的赋值给等号左边的变量名

var num = 100

就是把 100 赋值给 num 变量

那么 num 变量的值就是 100

+=

var a = 10;
a += 10;
console.log(a); //=> 20
a += 10 等价于 a = a + 10

-=
var a = 10;
```
a -= 10;
console.log(a); //=> 0
```
a -= 10 等价于 a = a - 10

*=

var a = 10;
a *= 10;
console.log(a); //=> 100
a *= 10 等价于 a = a * 10

/+

var a = 10;
a /= 10;
console.log(a); //=> 1
a /= 10 等价于 a = a / 10

%=

var a = 10;
a %= 10;
console.log(a); //=> 0
a %= 10 等价于 a = a % 10

比较运算符

==
- 比较符号两边的值是否相等，不管数据类型
  
  1 == '1'
  
  两个的值是一样的，所以得到 true
===
- 比较符号两边的值和数据类型是否都相等
  
  1 === '1'
  
  两个值虽然一样，但是因为数据类型不一样，所以得到 false
!=
- 比较符号两边的值是否不等
  
  1 != '1'
  
  因为两边的值是相等的，所以比较他们不等的时候得到 false
!==
- 比较符号两边的数据类型和值是否不等
  
  1 !== '1'
  
  因为两边的数据类型确实不一样，所以得到 true
>=
- 比较左边的值是否 大于或等于 右边的值
  
  1 >= 1 结果是 true
  
  1 >= 0 结果是 true
  
  1 >= 2 结果是 false
<=
- 比较左边的值是否 小于或等于 右边的值
  
  1 <= 2 结果是 true
  
  1 <= 1 结果是 true
  
  1 <= 0 结果是 false
>
- 比较左边的值是否大于右边的值
  
  1 > 0 结果是 true
  
  1 > 1 结果是 false
  
  1 > 2 结果是 false
<
- 比较左边的值是否小于右边的值
  
  1 < 2 结果是 true
  
  1 < 1 结果是 false
  
  1 < 0 结果是 false

逻辑运算符

&&
- 进行且的运算
  
  符号左边必须为 true 并且右边也是 true，才会返回 true
  
  只要有一边不是 true，那么就会返回 false
  
  true && true 结果是 true
  
  true && false 结果是 false
  
  false && true 结果是 false
  
  false && false 结果是 false
||
- 进行或的运算
  
  符号的左边为 true 或者右边为 true，都会返回 true
  
  只有两边都是 false 的时候才会返回 false
  
  true || true 结果是 true
  
  true || false 结果是 true
  
  false || true 结果是 true
  
  false || false 结果是 false
!
- 进行取反运算
  
  5，

自增自减运算符（一元运算符）

++

进行自增运算
分成两种，前置++ 和 后置++

前置++，会先把值自动 +1，在返回

var a = 10;
console.log(++a);
// 会返回 11，并且把 a 的值变成 11

后置++，会先把值返回，在自动+1

var a = 10;
console.log(a++);
    
// 会返回 10，然后把 a 的值变成 11

--
- 进行自减运算
- 分成两种，前置-- 和 后置--
- 和 ++ 运算符道理一样