2021-05-24重拾JS-05-运算符

---

目标：解决以下问题

• 能够使用常用运算符

1.算术运算符

运算符	描述	实例
+	加	10+10=20
-	减	10-20=-10
*	乘	10*20=200
/	除	10/20=0.5
%	取余数（取模）	9%2=1

 

 

 

 

 

 

 

2.递增和递减运算符
如果需要反复给数字变量添加或者减去1，可以使用递增（++）和递减（--）运算符来完成

 

3.比较运算符（关系运算符）

两个数据进行比较时候所使用的运算符，比较运算之后会返回一个布尔值作为比较运算的结果

运算符名称	说明	案例	结果
<	小于号	1<2	true
>	大于号	1>2	false
>=	大于等于号	2>=2	true
<=	小于等于	3<=2	false
==	判等号	37=37	true
!=	不等号	37!=37	false
===   !==	全等  要求值和数据类型都一致	37==='37'	false

 

 

 

 

 

 

 

 

 

4.逻辑运算符

 

逻辑运算符	说明	案例	结果
&&	逻辑与，简称“与” and	true&&false	false
||	逻辑或，简称“或” or	true||false	true
!	逻辑非，j简称“非” not	!true	false

 

 

 

 

 

• 逻辑运算符之逻辑与的短路运算：表达式一的值为真，返回表达式二

    //逻辑与短路运算
        console.log(123&&345);//输出结果为345
        console.log(0&&456);//输出结果为0
        console.log(0&&1+2&&11+22);//输出结果为0
        console.log(''&&345);//输出结果为''

• 逻辑运算符之逻辑或的短路运算：当表达式一为真，则返回表达式一；当表达式一为假，则返回表达式2

  console.log(123||345);//结果为123
        console.log(0||345);//结果为345
        console.log(0||123||456);//结果为123
        var num=0;
        123||num++;
        console.log(num);//输出结果为0

 

5.赋值运算符

赋值运算符	说明	案例
=	直接赋值	var usrName='一个值'
+=丶-=	加丶减一个数后再赋值	var age=10;age+=5;//结果为15
*=丶/=丶%=	乘丶除丶取模后再赋值	var age=2; age+=5;//结果为10

 

 

 

 

 

• 说出前置递增和后置递增的区别

1.前置递增

    //前置递增,先自加1，后返回
        var age=10;
        ++age;
        console.log(age);//输出为11

2.后置递增

  //后置递增：先返回原值，后自加
        var age1=10;
        age1++;
        console.log(age1);//输出为11

3.区别

        var a=10;
        ++a;//++a=11,a=11
        var b=++a +2;//++a=12
        console.log(b);//输出为14

        var c=10;
        c++;//c++=10,c=11
        var d=c++ +2;//c++=11
        console.log(d);//d输出为13

        var e=10;
        var f=e++ + ++e;//e++=10,e=11,++e=12
        console.log(f);//f输出为10+12=22

• 说出运算符的优先级

 

运算符优先级

优先级	运算符	顺序
1	小括号	（）
2	一元运算符	++ -- ！
3	算数运算符	先*/%后+-
4	关系运算符	> >= < <=
5	相等运算符	== != === !==
6	逻辑运算符	先&&后||
7	赋值运算符	=
8	逗号运算符	,

 

 

 

 

 

 

 

 

 

案例一：

    console.log(4>=6||'人'!='阿凡达'&&!(12*2==144)&&true);//输出为true
        var num=10;
        console.log(5==num/2&&(2+2*num).toString()==='22');//输出为true

案例二：

    var a=3>5&&2<7&&3===4;
        console.log(a);//输出位false

        var b=3<=4||3>1||3!=2;
        console.log(b);//输出为true

        var c=2==="2";
        console.log(c);//输出位false

        var d=!c||b&&a;
        console.log(d);//true