JS-3

运算符
数学运算符
+ - * / %(取模运算符)
js内置一个对象叫Math,Math提供了很多关于计算的方法,常见的
// 随机数
console.log(Math.random()); // [0,1)
// 假如产生1~10的整数 1<=Math.random()*10+1<11
console.log(parseInt(Math.random()*10+1));

console.log(Math.pow(3,4)); // 3的4次方
console.log(Math.sqrt(16)); // 平方根 4
console.log(Math.PI); // 圆周率

<script type="text/javascript">
       // 正规的
       console.log(2+2);
       console.log(2-1);
       console.log(2*2);
       console.log(2/3);

       // 纯数字字符串
       console.log("2"+1); // 字符串21 此处+含义为字符串连接符
       console.log("2"-1); //
       console.log("2"*1); //
       console.log("2"/1); // 2
       console.log("2"%1); //

       console.log("4aahh"*4); // NaN
       console.log(NaN+3);// NaN

       console.log(4-""); // 4  空字符串隐式转换为0
       console.log(4*""); // 0  空字符串隐式转换为0

       console.log(undefined+4); // NaN

       console.log(null+2); // 2  null转换为0
       console.log(null*2); //

       console.log(true+10); // 11  true-->1
       console.log(false-10); // -10 false--->0

       console.log(Infinity-23);
       console.log(Infinity+23);
       console.log(Infinity/23);
       console.log(Infinity%23); //NaN 

       console.log(10%2); //
       console.log(10%3); //
       console.log(16%4); //

       var result = 23*45+(987-125)/123-32*(5-3);

       // 随机数
       console.log(Math.random()); // [0,1) 1~10
           //1<=Math.random()*10+1<11
       console.log(parseInt(Math.random()*10+1));

       console.log(Math.pow(3,4)); // 3的4次方
       console.log(Math.sqrt(16)); //
       console.log(Math.PI);
    </script>

比较运算符
> < >= <= == === != !==
* 比较运算符的结果是布尔类型 要么true 要么false

3>2>1 = true>1 = false

 <script type="text/javascript">
         console.log(8>7); // true
         console.log(8<10); // true
         console.log(8==7); // false
         console.log(8>=7); // true
         console.log(8<=7); // false
         console.log(8===7); // false
         console.log(8!=7); // true
         console.log(8!==7); // true

         console.log(1=="1"); //true  == 只要两个值内容一样即可
         console.log(1==="1"); //false  === 全等于 两个值内容一样并且类型也要一样
         console.log(1!="1");  //false != 对==的否定
         console.log(1!=="1");  //true !== 对===的否定

         console.log(1==true); // true
         console.log(0==false); // true
         console.log(0==""); // true
         console.log(NaN == undefined); // false
         console.log(0 == null); // false

         console.log("4"<"5"); // true
         console.log("A"<"a"); // true
         console.log("8"<"22"); // false

         console.log(NaN==NaN);// false
         console.log(Infinity==Infinity);// true
     </script>

逻辑运算符
&&     ||       !

<script type="text/javascript">
        // && 左右同时为true结果才是true 否则有一个false结果是false
        /*
           true&&true   true
           true&&false  false
           false&&true false
           false&&false false
        */

        // ||
        console.log(true || false); // true
        console.log(true || true); // true
        console.log(false || false); // false
        console.log(false|| true); // true

        // !
        console.log(!true);
        console.log(!!!!true);

        /*以上案例都是布尔类型之间的逻辑运算*/

        // 其他类型参与逻辑运算
        console.log(34&&null); // null
        console.log(0&&null); //
        console.log("welcome"&&true); // true
        console.log("welcome"||true); // welcome
        var a = 3,b =4;
        console.log(a||b); //3
        a = 0;
        console.log(a&&b); //
    </script>

赋值运算符
=
+= a+=b a= a+ b
-= a-=b a= a-b
*= ...
/= ...
%=
++
--

<script type="text/javascript">
      /* var a = 3;
       a += 6; // a = a + 6
       console.log(a);*/

       // a++和++a 相同点可以让a在自己原来基础上加1
       //     ++a;  a = a + 1; a+=1;
       // 区别 参与运算的时候，
       var a = 2, b;
       /*
       b = a++; // 等价于 b = a; a++;
       console.log(a); // 3
       console.log(b); // 2  a++参与运算用a之前的值 即b=2 赋值完 a自增1
       */
        b = ++a; // a= a+1; b = a;
        console.log(a); //
        console.log(b); // 3   ++a参与运算用a加1后的值 即b=3

         var a = 4;
         a*= 1*(2+4)&&++a||5>6&&7<8||!6;
         console.log(a); //
    </script>

运算顺序 (++ -- !)> 数学>比较>逻辑>赋值

var a = 4;
a*= 1*(2+4)&&++a||5>6&&7<8||!6
a*= 1*6&&5||5>6&&7<8||false
a*= 6&&5||5>6&&7<8||false
a*= 6&&5 || false&&true || false
a*= 6&&5 || false || false
a*= 5 || false || false
a*= 5 || false
a*=5
a = a*5 = 4*5

按位运算符

三目运算符