美文网首页
javascript运算符初探

javascript运算符初探

作者: h5溧水大表哥 | 来源:发表于2019-06-28 09:31 被阅读0次

    JavaScript操作符(运算符):
    1、一元操作符(单目操作符):
    递增和递减操作符(分前置型和后置型)
    ++是递增操作符,--是递减操作符
    后置型:
    i++ 先赋值 后自加
    i-- 先赋值 后自减
    当不出现赋值时,执行自增(自减)运算;但是出现赋值时,先赋值,后运算;

    var a = 10;
    var b = a++;
    console.log(a);
    

    这里没给a赋值所有执行自增运算,所以结果是:


    image.png
    var a = 10;
    var b = a++;
    console.log(b);
    

    这里给b赋值了,所以先赋值,先不做运算,所以结果是:


    image.png

    i--同理,它是递减操作符,执行的是递减操作。

    前置型:
    ++i 先自加 再赋值
    --i 先自减 再赋值
    这里和后置型不同的是,它先运算后赋值。

    var a = 10;
    var b = ++a;
    console.log(a);
    console.log(b);
    

    这里都是先执行递增运算,所以结果是:


    image.png

    一元加、减操作符

    这两种操作符将执行 Number() 转型函数功能。
    区别就是 减操作符 执行 Number() 转型函数功能后,将得到的数转换为负数。加操作符不作任何运算。

    var a = -10;
    console.log(+a);
    console.log(-a);
    
    image.png

    2、加性操作符

    • 加法操作符
      顾名思义就是加法运算

       var sum = 6 + 7;
       console.log(sum);
      
    image.png

    如果运算中出现字符串类型,+ 将执行拼接的功能,转成字符串。

    var sum = "7" + 6;
    console.log(sum);
    
    image.png

    -减法操作符

    如果有一个操作数是字符串、布尔值、 null 或 undefined ,则先在后台调用 Number() 函数,将其转换为数值,然后再根据前面的规则执行减法计算。如果转换的结果是 NaN ,则减法的结果就是 NaN ;

    var result = 7 - NaN;
    console.log(result);
    
    image.png
    var result = 7 - true;
    console.log(result);
    

    因为true转换成了“1”,所以结果是:


    image.png
    var result = 7 - 2;
    console.log(result);
    

    简单的减法运算


    image.png
    var result = 7 - "";
    console.log(result);
    

    ""被转换成了0,所以结果如下:


    image.png
    var result = 7 - "2";
    console.log(result);
    

    “2”备注暗黄成数值2,所以结果如下:


    image.png
    var result = 7 - null;
    console.log(result);
    

    null被转换成0,所以结果如下:


    image.png

    3、乘性操作符
    乘性操作符遇到非数值型将执行 Number() 转型函数功能。(隐式类型转换)

    • 乘法操作符
      / 除法操作符
      % 取余操作符
      求模(取余数)操作符由一个百分号( % )表示

       var sum = 8 % 2; //0
       var sum1 = 7 % 7  //0
       var sum2 = 4 % 10; //4
      

    4、关系操作符
    < 、 > 、 <= 和 >= 这几个关系操作符用于对两个值进行比较
    这几个操作符都返回一个布尔值
    比较的是字符的编码数字的大小,小写字母的数值 大于 大写字母的数值
    26个字母数值依次递增,如果首个字符相同,比较第二个,以此类推。

    var result = "23" < "3"; //true 两个字符串先比较第一个,第一个相同,比较第二个,以此类推。
    var result = "23" < 3; //false  一个数值,一个字符串,先将字符串转换成数值,再比较。
    var result = "a" < 3; // false,因为"a"被转换成了 NaN
    

    由于字母 "a" 不能转换成合理的数值,因此就被转换成了 NaN 。
    根据规则,任何操作数与 NaN 进行关系比较,结果都是 false 。
    于是,就出现了下面这个有意思的现象:

     var result = NaN < 3; //false
     var result = NaN >= 3; //false
    

    5、相等操作符
    相等和不相等——先转换再比较(仅仅比较转化后的值是否相等);
    全等和不全等——仅比较而不转换(不仅比较值还比较类型)。
    都返回布尔类型的值(true 或 false)
    1)相等和不相等 ( == 和 != )
    返回值为true的总结:
    null == undefined
    1 == true
    0 == false
    "" == 0
    "" == false
    NaN != NaN
    true == "1"
    false == "0"

    2) 全等和不全等=== !==
    除了在比较之前不转换操作数之外,全等和不全等操作符与相等和不相等操作符没有什么区别。
    全等操作符由 3 个等于号( === )表示,它只在两个操作数未经转换就相等的情况下返回 true ,
    如下面的例子所示:

    var result1 = ("55" == 55); //true,因为转换后相等
    var result2 = ("55" === 55); //false,因为不同的数据类型不相等
    

    !==
    不全等操作符由一个叹号后跟两个等于号( !== )表示。它在两个操作数未经转换就不相等的情况下返回 true 。
    例如:

    var result1 = ("55" != 55); //false,因为转换后相等
    var result2 = ("55" !== 55); //true,因为不同的数据类型不相等

    相关文章

      网友评论

          本文标题:javascript运算符初探

          本文链接:https://www.haomeiwen.com/subject/bdvjcctx.html