JavaScript 六大类运算符(详细~)

时间:2021-11-02 05:13:26

运算符


 
1、算术运算符:+、-、*、/、%、++、--
 
    单目(操作数为一个且为变量): i++、i--、++i、--i;
    双目:+、-、*、/、%;
 
双目其中 -*/%
    如果运算符两侧的值为数字型,可进行正常的数值运算;console.log(3-1);//2
    如果存在纯数字字符串(如:"12"),计算机自动转其为数字型进行运算;console.log("3"-1);//2
    只要有一侧为非纯数字字符串,结果为NaN。console.log("3a"-1);//NaN
        NaN:非数字类型。
                    特点:① 涉及到的 任何关于NaN的操作,都会返回NaN   ② NaN不等于自身。
双目 +
    如果运算符两侧的值为数字型,可进行正常的数值运算;console.log(3+1);//4
    只要有一侧为字符串,表达连接。console.log("3a"+1);//3a1
       (1)“%”取余运算符,两个数相除,取余数。
   A = 10 % 3;  // A = 1,如果余数不为0,则两个不能整除
   A = 10 % 2;  // A = 0,如果余数为0,则两个数能除尽
       (2)“++”加1运算符、自增1
              “++”可以作前缀(++i),也可以作后缀(i++)。
  (3)“--”减1运算符,自减1
              “--”可以作前缀(--i),也可以作后缀(i--)。
    i++和++i的区别:
         相同点:都让变量自增1;
         不同: i++    先将i的值赋给整个表达式,i再自增1;
           ++i    先i自增1,再将i的值赋给整个表达式。
例如:var i = 2;
        var j = i++;
        console.log(i);   //3
        console.log(j);   //2
        var i = 2;
        var j = ++i;
        console.log(i);//3
        console.log(j);//3
2、赋值运算符:+=、-=、*=、/=、%=
        “+=”先加后等。如:a += 10  //等同于  a = a + 10
       “-=”先减后等。如:a -= 10   //等同于  a = a - 10
       “*=”先乘后等。如:a *= 10  //等同于  a = a * 10
       “/=”先除后等。如:a /= 10   //等同于  a = a / 10
        var i = 1;
            i += 2;
      console.log(i);//3
        var i = -2;
            i -=2;
      console.log(i);//-4
3、字符串运算符:+、+=
字符串只能进行“连接”运算,不能进行其它运算。
       var a = “abc”;
       var b = a + “bcd”;   // 结果b = a + “bcd” = “abc” + “bcd” = “abcbcd”
       var a = “abc”;
       a += 10;   // 结果a = a + 10 = “abc” + 10 = “abc10”
4、关系(比较)运算符:>、<、>=、<=、==、!=(不等于)、===(全等)、!==(全不等)
       比较运算符的运算结果是布尔值(true或false)。
       A = 10 > 20;       // 结果A=false
       A = 20>=20;       // 结果A=true
       A = 10%2 == 0;    // 结果A=true
       A = 10%2 == “0”;  // 结果A=true
       A = 10%3 != 0;    // 结果A=true
       A = 10%2 === “0”;  //结果A=false
            console.log(i = 10 >=9);
       “=”是赋值号。如:a = 10
       “==”等于。只比较两个变量的值,而不管类型。只要值一样,就返回true,否则返回false。
       “===”全等于。既比较变量,也判断类型。如果类型和值都一样,返回true,否则返回false。
                 console.log(a=10 >= 9);//ture
                 console.log(null == undefined);//ture
                 console.log(null === undefined);//false
                  console.log(null == 0);//false
字符串的比较:比较的是ASCII码值(a:97    b:98    c:99 ...    A:65    B:66    C:67 ...)/从左到右比较,直到比较出结果;
                 console.log("a" > "b");//false
5、逻辑运算符:&&(且)、||(或)、!(非)
       逻辑运算符的运算结果有两个true或false。
      “&&”逻辑与(并且关系)。如果左右两个两个条件同时满足时,则结果为true,否则,结果为false。
  “||”逻辑或。左右两个条件,只要有一个满足,则返回true,否则,返回false。
  “!”取反运算。!true = false  、   !false = true  、 !100 = false
为假的值:0    null    undefined    ""    false
计算机自身短路情况:
第一个条件 && 第二个条件       如果第一个条件为假则计算机出现短路现象 不会继续判断第二个条件
第一个条件 || 第二个条件       如果第一个条件为真则计算机出现短路现象 不会继续判断第二个条件
例如:
    console.log(6>7 && 5);//false
    console.log(5 && 6<7);//ture
    console.log(6<7 && 5);//5
    console.log(0 && 6>5);//0
 
6、三目(元)运算符:? : 
所谓“三目运算符”就是指三个操作数。
       语法:条件表达式 ? 结果1 : 结果2
       含义:如果条件为true,则执行“结果1”的代码;如果条件为false,则执行“结果2”的代码。
       其实:三目运算符,就是if else的变形形式。