JavaScript运算符的运用

最新推荐文章于 2024-03-15 06:03:15 发布

三岁九年

最新推荐文章于 2024-03-15 06:03:15 发布

阅读量178

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/xh0112/article/details/111993917

版权

JS 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

数学运算符

常见的数学运算符

 +  -  *  /  余数：%  指数：**

多个数字和字符相加时，注意顺序不同，结果也会不同

   var a =  3 + 4 +'5' ; 结果75
    var a = '3' + 4 + 5 ;结果345

余数运算符%
返回前一个运算云被后一个运算元除之后得到的余数。
5%2=1 得出的余数为1。
【注】运算结果的正负号是由第一个运算元的正负号决定的。
指数运算符 **
2**2 2的平分，二次方
平常运算符：左结合
指数运算符：右结合
数值运算符，负数值运算符
+ -
作用在string与其他数据类型上时是拼接
作用在两个数值上时，是相加
作用在一个数值上时是正负运算。如果该数据
类型不是数值，会自动转换为数值。

一元运算符

只作用在一个运算元上的运算符叫做一元运算符。
++ - -
a++
先返回a的值，然后在对a进行+1运算。
++a
先对a进行+1运算再返回a的值。
a- -
先返回a的值，然后在对a进行-1运算。
- -a
先对a进行-1运算再返回a的值。
【强调】++ - - 会被变量进行数值的修改

赋值运算符

赋值运算符右结合
基本：= 将右边的值赋值给左边的变量
复合：+= -= *=
a+=1；——a=a+3

关系运算符

 > 大于
 < 小于
 == 等于
 === 严格等于
  ！= 不等
  ！ == 严格不相等
  <= 小于等于
  >= 大于等于

比较结果为boolean类型
字符串比较
会使用字典(ASCII码值)的顺序进行判断的.
1.首先比较首字符大小。
2.如果一方字符较大（较小），则该字符大于（小于）另外一个字符，算法结束。
3.两个字符串的首字符相等，那么取下一位字符进行比较。
4.重复以上步骤，直到算法结束或所有字符比较完成。
5.若所有字符比较完成，且都相等，则两个字符相等。
不同类型的比较
字符串与数字比较时，若字符串不能转为数字，转换结果为NaN, 比较结果为false。
对特殊值 null 和 undefined的比较
null和undefined与其他任何值比较都是false。
null与undefined 非严格相等时，返回true
null与undefined 严格相等比较时，返回false
对变量进行null，undefined判断时，尽量使用严格相等。

逻辑运算符

取反运算符：!
与运算：&&
或运算：| |

取反运算符
用于将布尔值变为它的相反数。
true=>false true=>false
&&
往往用于多个表达式的求值。
左右两边的布尔值为true,结果的布尔值为true 若其中一个为false，结果的布尔值为false;
运算规则：
1.第一个运算元的布尔值为true时，返回第二个运算元的值。（不是布尔值）
2.第一个运算元的布尔值为false时，返回第一个运算元的值。不会执行第二个表达式。
&&可以连用，返回第一个布尔值为false的表达式的值。如果所有的表达式的布尔值都为true，返回最后一个表达式的值。
| |
左右两边的布尔值只要有一个为true，结果的布尔值就为true。只有两边的布尔值都为false时，结果的布尔值才为false。
运算规则：
1.第一个运算元的布尔值为true时，返回第一个运算元的值。不会执行第二个表达式。
2.第一个运算元的布尔值为false时，返回第二个运算元的值。
&& 与 | | 都有短路的效果。

三元运算符

语法：表达式1?表达式2:表达式3
表达式1是一个条件，值是boolean类型的。
若表达式1的值为true,则执行表达式2的操作，并返回表达式2的结果。
若表达式1的值为false,则执行表达式3的操作，并返回表达式3的结果。
示例：
运用三元运算符来输入年月日

   <script>
        var year, month, day;
        year = prompt("输入年:", "2021");
        month = prompt("请输入月:", "1");
        day = prompt("请输入日:", "1");
        //判断month是否小于10，是为真，输出第一个month，否为假false输出第二个
        month = month < 10 ? "0" + month : month;
        day = day < 10 ? "0" + day : day;
        alert('你输入的日期为：' + year + '年' + month + '月' + day + '日');
        console.log('你输入的日期为：' + year + '年' + month + '月' + day + '日');
    </script>

在这里插入图片描述

优先级

       +-*/  先乘除后加减
        （）优先级最高
        = 赋值运算符的优先级最低


        （）
        一元运算符
        *、/、%
        +、-
        <= >=
        == != === !==
        &
        &&
        ?:
        复合赋值 += -=
        赋值 =

短路效果

            &&有短路效果，而&是没有短路效果。
            | |

&&短路效果

<script>
        var a = true，b = 2;
        //1.第一个运算元的布尔值为true时，返回第二个运算元的值。（不是布尔值）
        //2.第一个运算元的布尔值为false时，返回第一个运算元的值。不会执行第二个表达式。
        a && ++b;
        console.log(b);
    </script>

在这里插入图片描述
输出值为a a是true返回第二个运算元的值。

| |短路效果

  <script>
        var a = true,
            b = 2;
         //1.第一个运算元的布尔值为true时，返回第一个运算元的值。不会执行第二个表达式。
         //2.第一个运算元的布尔值为false时，返回第二个运算元的值。
        a || ++b;
        console.log(b);
    </script>