JavaScript 运算符(Day5)

20 阅读3分钟

运算符

  • 在代码中进行运算时使用的符号

数学运算符

+ 加号

  • 只有符号两侧均为数字时才进行加法运算

  • 任一边为字符串类型时进行字符串拼接

  • 任一数字与NAN运算的结果均为NAN

        // 加法    
        var a=10
        var b=20
        var c=true
        console.log(a+b)  //结果:30
        console.log(a+c)  //结果:11
    

- 减号

  • 执行减法运算
  • 会自动把符号两边的内容转为数字进行运算

* 乘号

  • 执行乘法运算
  • 会自动把符号两边的内容转为数字进行运算

/ 除号

  • 执行除法运算
  • 会自动把符号两边的内容转为数字进行运算

% 取余(取模)

  • 执行取余(取模)运算

  • 会自动把符号两边的内容转为数字进行运算

        // 取余
        var num1=3
        var num2=10
        console.log(num1%num2)  //结果:3
        console.log(num2%num1)  //结果:1
    

赋值运算符

=

  • = 即把符号右侧的值赋值给符号左侧的变量名

    var a = 100
    console.log( a ) //数字:100
    

+=

    // +=
    var a = 10
    a += 10
    console.log(a) // 数字:20

-=

    // -=
    var a = 10
    a -= 10
    console.log(a) // 数字:0

*=

    // *=
    var a = 10
    a *= 10
    console.log(a) // 数字:100

/=

    // /=
    var a = 10
    a /= 10
    console.log(a) // 数字:1

小案例:交换两数值

    var  m=5
    var n=20
    var temp
    temp=m
    m=n
    n=temp
    console.log('m:'+m)  //结果:m:20
    console.log('n:'+n)  //结果:n:5

比较运算符

比较结果均为 truefalse

  1. == 等于

    • 当变量的值进行比较,不比较变量数据类型

      	// 几个特殊的判断
          console.log(true==1)       // 结果:true
          console.log(''==0)         // 结果:true
          console.log(undefined==0)  // 结果:false
          console.log(null==0)       // 结果:false
      
  2. === 恒等于(全等于)

    • 对两变量进行比较时,将比较数据类型和值

          var age= '25'
          console.log(age==25)   //结果:true
          console.log(age===25)  //结果:false
      
  3. != 不等于

  4. > 大于

        var sum=1520
        console.log(sum>2000) //结果:false
    
  5. < 小于

  6. >= 大于等于

  7. <= 小于等于

逻辑运算符

&&

  1. 进行且运算
  2. 只有符号两边条件均为true时结果才为true
  3. 否则结果均为false
  4. 全真为真

||

  1. 进行且运算
  2. 只有符号两边条件均为false时结果才为false
  3. 否则结果均为true
  4. 全假才假

!

对变量进行取反操作

特殊使用

  1. !!a 转换为布尔值

  2. && 的短路用法:符号左侧值为false时,符号右侧将不进行运算,结果返回false

    使用场景:拿到不知类型和内容的变量后,将其转换为字符串,防止页面报错时使用

    var str=undefined
    conlose.log(str&&str,toString()) //结果:undefined
    
  3. || 的短路用法:符号左侧值为true时,符号右侧将不进行运算,结果返回true

    使用场景:用户未填写非必填信息,需将该信息内容预留渲染至页面

    var introduce=''
    document.write(introduce||'这个人很懒,什么都没有留下')
    // 结果:这个人很懒,什么都没有留下
    

自增/自减运算符

++ 自增

  • 进行自增运算,在其本身基础上+1

  • 分为 前置++后置++ 两种

  • 前置++,会先运算,再将结果返回

        // 自增(前置)
        var a=10
        console.log(++a) //结果:11
    
  • 后置++,会先将结果返回再进行运算

        // 自增(后置)
        var a=10
        console.log(a++) //结果:10
    

-- 自减

  • 进行自增运算,在其本身基础上-1
  • 分为 前置--后置-- 两种
  • 自减运算符与自加运算符同理

三目(元)运算符

  • 三元运算即:使用 两个符号 组成的一个语句

  • 语法: 条件?条件为true时执行的语句:条件为false时执行的语句

    var names='张三'
    names==='张三' ? alert('找到需查找的人员信息') : alert('未找到需查找的人员信息')