JS运算符

作者: 佛系那莫觅 | 来源:发表于2020-03-29 22:23 被阅读0次

    运算符(operator)也被称作操作符,是用于实现赋值,比较和执行算数运算等功能的符号.

    JavaScript中常用的运算符有:

    • 算数运算符
    • 递增和递减运算符
    • 比较运算符
    • 逻辑运算符
    • 赋值运算符

    算数运算符

    概念: 算术运算使用的符合,用于执行两个变量或值的算术运算

    运算符 描述 实例
    + 10+20=30
    - 10-20=-10
    * 10*20=200
    / 10/20=0.5
    % 取余数(取模) 返回除法的余数9%2=1
    console.log(1 + 1); //2
    console.log((1 -1)); //0
    console.log(1 * 1); //1
    console.log(1 / 1); //1
    // 1. %取余
    console.log(4 % 2); //0
    console.log(5 % 3); //2
    

    浮点数的精度问题
    浮点数值的最高精度为17位小数,但在进行算术计算时其精确度远远不如整数.

    //2.浮点数 孙淑运算里面会有问题 
    console.log(0.1 + 0.2); //0.30000000000000004
    console.log(0.07*100); //7.000000000000001
    

    所以:不要直接判断两个浮点数是否相等

    //3. 我们不能直接拿着浮点数进行相比较 是否相等
    var num= 0.1 + 0.2 ;
    console.log(num == 0.3); //false
    

    表达式和返回值

    • 表达式:是由数字、运算符、变量等以能求得数值的有意义拍了方法所得的组合
      简单解释: 是由数字、运算符、变量等组成的式子

    • 表达式最终都会有一个结果,返回给我们,我们称为返回值

    递增和递减运算符

    如果需要反复给数字变量添加或减去1,可以是由递增(++)和递减(--)运算符来完成

    在JavaScript中,递增(++)和递减(--)既可以放在变量前面,也可以放在变量后面,放在变量后面是,我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符

    递增和递减运算符必须和变量配和使用

    前置递增(递减)运算符 ,先加1 ,后返回值

    var age = 10;
    ++age ;
    console.log(age); // 11
    
    var p = 10;
    console.log(++p + 10 );//21
    

    后置递增(递减)运算符 ,先返回原值, 后自加1

    var age = 10;
    age++ ;
    console.log(age); // 11
    
    var p = 10;
    console.log(p++ + 10 );//20
    console.log(p); //11
    

    递增递减练习

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

    比较运算符

    概念 :比较运算符是两个数据进行比较是所使用的运算符,比较运算后,会返回一个布尔值(true/false)作为比较运算的结果

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

    =小结

    符号 作用 用法
    = 赋值 把右边给左边
    == 判断 判断两边值是否相等(注意此时有隐式转换)
    === 全等 判断两边的值和数据类型是否全相同

    逻辑运算符

    概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值.经常用多个条件的判断.

    逻辑运算符 说明 案例
    && '逻辑与',简称'与' and true&&false
    || "逻辑或",简称'或' or true||false
    ! "逻辑非",简称'非' not !true

    短路运算(逻辑中断)
    短路运算原理: 当有多个表达式(值)时,左边的表达式可以确定结果时,就不在基线运算右边的表达式的值

    逻辑与

    • 语法:表达式1 && 表达式2
    • 如果第一个表达式的值为真,则返回表达式2
    • 如果第一个表达式的值为假,则返回表达式1
    console.log(123 && 456); //456
    console.log(0 && 456); //0
    

    逻辑或

    • 语法:表达式1 || 表达式2
    • 如果第一个表达式的值为真,则返回表达式1
    • 如果第一个表达式的值为假,则返回表达式2
    console.log(123 || 456); //123
    console.log(0 || 456); //456
    

    赋值运算符

    概念:用来把数据赋值给变量的运算符

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

    运算符优先级

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

    相关文章

      网友评论

        本文标题:JS运算符

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