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

史上最详细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/