运算符

摘自 大公爵|Duke http://www.ddamy.com/?p=325

运算必然得出结果,结果必然产生一个新的数据。

1 算术运算符

加 +     减 -     乘 *     除 /     取余数(取模)% 
优先级:先乘除取余数  后加减


注意:加号 + 有两种意思​ ① 任何数据和 字符串相加时,+ 号表示 连接符 ​ ② 两个非字符串数据相加时,+ 号表示数学意义上的相加

2 赋值 和 复合赋值运算符

  • 赋值

    赋值 =
    var age = 18;   //把右边的数据赋值给左边的变量
  • 复合赋值

    可以简化代码;
    复合赋值:  +=     -=        *=      /=    %=
    注意:复合赋值操作的是变量,改变的也是变量。
    :
        var a = 10;
        a+=2;    //相当于 a = a + 2;
        console.log(a);  //12

3 关系运算符(比较运算符)

/*
    大于 >     小于 <    大于等于 >=    小于等于<=     
    等于 ==     不等于 !==
    全等 ===    不全等 !===
*/
  • 注意:比较运算的结果一定是一个布尔值 true 或 false

  • == 和 ===的区别

    • == 比较时,仅仅比较值

    • === 比较时,不仅比较值而且也比较数据类型

      var a = 123;
      var b = '123';
      console.log(a==b); //true
      console.log(a===b); // false

4 逻辑运算符

  • && 且

    /*
      ① 表示并且,组合两个条件
      ② 语法格式: 条件1 && 条件2
      ③ 如果 && 两边的条件结果都是true,结果就是true。其他情况都是false
    */
    
    console.log(1==1 && 2==2);  //true
    console.log(10>9 && 20<=20); //true
    console.log('张三'=='李四' && 1==1); //false

  • || 或

    /*
      ① 表示或者,组合两个条件
      ② 语法格式: 条件1 || 条件2
      ③ 如果 ||两边的条件有一个结果是true,结果就是true。其他情况是false
    */
    console.log(1==2 || 3==3); //true
    console.log('张三'=='李四' || 18<17); //false

  • ! 非

    /*
      ① 表示取反
      ② 语法格式: !条件
      ③ 对true取反就是false,对false取反就是true
    */
    
    !(1==1); //false
    !('张三'=='李四'); //true;

5 一元运算符

操作数只有一个的运算符叫做一元运算符

  • 取反 !

  • 负号 -

  • 自增++ 和 自减--

    • 针对的是变量本身,在变量原有的基础上变量自增1 或 自减1

  • 基本使用(以自增为例)【掌握】

    var num = 2;
    num++;  //后置自增  【推荐使用!】   相当于num = num + 1; 
    console.log(num);//3
    
    var num = 2;
    ++num;  //前置自增 相当于num = num + 1;
    console.log(num);//3

    注意:在实际开发中,大多数使用后置自增或自减(n++或n--)

  • 前置自增/自减 与 后置自增/自减的区别【了解】

    • 前置自增/自减 和 后置自增/自减 在独立使用时,没有区别。

    • 前置自增/自减 在参与其他运算时,变量会先自增/自减,再参与其他运算。

    • 后置自增/自减在参与其他运算时,变量会先参与运算,然后再自增自增/自减。

    注意在实际开发中不要自增/自减参与其他运算,不便于代码阅读

6 运算符优先级

1. ()  优先级最高
2.   一元运算符  ++   --   !   -(负)   注意后置自增/自减的特殊性
3. 算术运算符  先*  /  %   后 +   -
4. 关系运算符  >   >=   <   <=
5. 相等运算符   == 、  != 、  === 、!=
6. 逻辑运算符 先&&   后||
7. 赋值运算符


posted @ 2018-05-24 22:39  黑白红尘  阅读(177)  评论(0编辑  收藏  举报