史上最详细JavaScript的运算符解析（一）

悠悠 2023-03-14 10:52 20阅读 0赞

## 史上最详细JavaScript的运算符解析（一） ##

今天，我们来讲一下JavaScript的运算符这一部分知识点。说到运算符，其实我们在上学期间已经接触到过不少，比如说+ - × ÷，=，还有大小的比较等等。但是今天我们要讲的JavaScript的运算符不仅仅这些。在JavaScript中，运算符可以分为四大类：

1.  赋值运算符
2.  算数运算符
3.  比较运算符
4.  逻辑运算符

#### 1.赋值运算符 ####

赋值运算符只有一个，那就是 = 。最常见的是给变量赋值。

var a=10;
    	var b=20;

#### 2.算术运算符 ####

算术运算符主要包含我们最常见的 + - × ÷ ，当然还有一个 **% ，取模**，也就是数学里边的**取**余。

console.log(a+b);//30
        console.log(a-b);//-10
        console.log(a*b);//200
        console.log(a/b);//0.5
        console.log(a%b);//10 相当于是 10/20=0···10 余数为10

#### 3.比较运算符 ####

比较运算符主要我们最常见的 > < >= <= ,除此之外还有 == ,!= , === , !== ,当然比较运算符主要是用来做判断的条件。

console.log(a>b);//false
        console.log(10<5);//false
        console.log(a>=b);//false
        console.log(a<=b);//true

接下来主要说一下 == , != , === , !==

var num=10;
        var num2=20;
        var str="10"; 
        console.log(a==b);//false == 判断 符号两边的 值 是否相等
        console.log(num==str);//true 
        console.log(a!=b);//true 
        console.log(num===str);//fasle 绝对等于 符号两边的值和数据类型都相同
        console.log(num!==num2);//true 不绝对等于 符号两边的值 或 数据类型不相同
        console.log(num!==str);//true
        console.log(num2!==str);//true

**总结一下比较运算符，= 为赋值，== 为比较，比较 == 符号两边的值是否相等，同 时== 和!= 为相互取反，即!=表示符号两边的值不相等时返回true。===为绝对等于，即判断符号两边的值和数据同时相同才会返回true，!==与 ===相互取反，即不绝对等于，只有当符号左右两边的值和数据都想同时才会返回false，其他情况都返回true。**

#### 4.逻辑运算符 ####

最后我们再来说一下逻辑运算符，说到逻辑运算符，即高中物理课本所学到的与或非，在JavaScript中用 && || !来表示。

console.log(a>5&&b>20&&num>10);//false 所有条件都成立时返回true
        console.log(a>5||b>20);//true 条件之一成立返回true
        console.log(!(a>5&&b>20&&num>10));//true 
        console.log(!(a>5||b>20));//false
        console.log(!(!true));

**此处主要强调一下 !,这里的!主要是表达取反的意思，即当判断为true时，前面加上!则变为false。**

**视频讲解链接：  
https://www.bilibili.com/video/BV1yV411k7tC/**