js基础(小知识2)运算符

209 阅读3分钟

1.1算术运算符

数学运算符也叫算术运算符,主要包括加、减、乘、除、取余(取模)。

+:求和

-:求差

*:求积

/:求商

%:取余数

开发中经常作为数字是否被整除。

运算优先级

同时使用多个运算符编写程序时,会按着某种顺序先后执行,我们称为优先级。

JavaScript中 优先级越高越先被执行,优先级相同时以书从左向右执行。

总结: 先乘除后加减,有括号先算括号里面的~~~

案例:
<script>
    /*  +  加
        -  减
        *  乘
        /  除
        %  余数
    */



        console.log(1+2*4/2*8+5*2/3);
    </script>

1.2 赋值运算符

已经学过的赋值运算符:= 将等号右边的值赋予给左边, 要求左边必须是一个容器。

赋值运算符:

+=

-=

*=

/=

%=

使用以上这些运算符可以在对变量赋值时进行快速操作;

我们以 += 赋值运算符来举例 :

1648378581775.png

<script>
/* 
        += 3  表示加3
        -= 3  表示减3
        *= 3  表示乘3
        /= 3  表示除3
        %= 3  表示余3
*/

        /* let i = 10;
        i +=5;
        console.log(i); */
        
        let i = 10;
        i *=5;
        document.write(i) //i等于50
    </script>

1.3 一元运算符

众多的 JavaScript 的运算符可以根据所需表达式的个数,分为一元运算符、二元运算符、三元运算符 ;

二元运算符:

1648378721218.png

现在我们可以有更简便的写法了~~~(一元运算符);

自增

符号:++

作用:让变量的值 +1

自减:

符号:--

作用:让变量的值 -1

使用场景:

经常用于计数来使用。 比如进行10次操作,用它来计算进行了多少次了

自增运算符的用法:

前置自增:

每执行1次,当前变量数值加1

其作用相当于 num += 1

1648379665731.png

后置自增:

每执行1次,当前变量数值加1

其作用相当于 num += 1

1648379681600.png 自增/减运算符前置或后置的差异

前置自增:先自加再使用(记忆口诀:++在前 先加),前置自增++m是直接得出结果;

1648380259979.png

后置自增:先使用再自加(记忆口诀:++在后 后加);后置自增m++是还在运算中,运算中m++的值还是m;因为运算中是从上到下或从左到右,如果一条公式m++后面还出现m的话,那这个m的值就是m++运算后的值,等于m+;

1648380274264.png

<script>

        let b =10;
        ++b;
        let c = ++b + 2;
        console.log(c);


        let e = 10;
        e++;
        let f = e++ + 2;
        console.log(f);



        /* i++ 正在运算还是1,运算结束后i才等于2;
            所以当运算到++i的时候1+i(i此时等于2了);

          
        */
        let i = 1;
        i++;
        console.log(i++ + ++i + i);
    </script>

1.4 比较运算符

比较运算符的介绍

作用:比较两个数据大小、是否相等 ;

比较运算符的使用

> :左边是否大于右边

< : 左边是否小于右边

>= :左边是否大于或等于右边

<= : 左边是否小于或等于右边

== : 左右两边是否相等

=== : 左右两边是否类型和值都相等

!== : 左右两边是否不全等

比较结果为boolean类型,即只会得到true或false

1648380816811.png

开发中,如果进行准确的比较我们更喜欢 === 或者 !==

1.5 逻辑运算符

逻辑运算符的介绍

逻辑运算符用来解决多重条件判断;

逻辑运算符的使用

1648380943802.png

逻辑运算符里的短路

1648380982543.png

1648380995096.png

1648381003841.png

运算优先级

掌握运算符优先级,能判断运算符执行的顺序

1648381111516.png

一元运算符里面的逻辑非优先级很高

逻辑与比逻辑或优先级高

1648381160838.png