JS

1.数据类型的转换

boolean,string-->number
强制转换Numbe()
Number() -->只能识别纯数字的字符串，只要带了英文的字符串，都输出NaN
"20px" -->NaN
NaN -->不是一个数字

    <script>
        var a = true;
        var b = false;
        var c = "20";
        var d ="20px";
        var e = "good"
        console.log(Number(a));
        console.log(Number(b));
        console.log(Number(c));
        console.log(Number(d));
        console.log(Number(e));
    </script>

数据类型转换.png

2.自动转换

    <script>
        /*
        自动转换(隐式转换)
        在算术计算中的自动转换: 先将数据转为number，再进行计算
        +，-，*，/，%
        */
       var a = 20;
       var b = true;
       var c = a-b;
       // var c = a - Number(b);
       console.log(c);
       /* 特殊+
        只要一边为字符串，那么+起到拼接符的作用，结果为字符串
        */
       var d = "20";
       var e = 1;
       console.log(d+e);
    </script>

自动转换.png

    <script>
        /*
        比较运算中的自动转换:
        先将数据转为number，再比较，结果返回boolean值
        <,>,==,!=,<=,>=
        */
       var a = "20";
       var b = true;
       console.log(a>b);
       // console.log(Number(a)>Number(b));
    </script>

比较运算中的自动转换.png

3.parseInt(),parseFloat()

    <script>
        /*
        string--number
        parseInt()
        parseFloat();
        被转换的字符串第一位必须为数字
        */
       var a = "12.343px";
       var e = "a12.px"
       var b = parseInt(a);
       var c = parseFloat(a);
       console.log(b);
       console.log(c);
       console.log(parseInt(e));
    </script>

parse.png

4.强制转换

    <script>
        /*
        1.强制转换
        number,string,boolean
        */
       /*
       其他-->number
       Number()
       string--number
       parseInt()
       parseFloat()
       */
      /*
      其他-->boolean
      Boolean()
      只有5种情况为false
      0，"",NaN,null,undefined
      */
     var a = "hello world";
     var c = 1;
     var b = Boolean(a);
     console.log(b);
     console.log(Boolean(""));
     /*
     其他-->string
     String()
     toString()
     */
    var e = 20;
    var f = String(e);
    var g = e.toString();
    console.log(typeof f);
    console.log(typeof g);
    </script>

强制转换.png

5.算术，比较，逻辑运算

    <script>
        /*
        发生在运算中
        算术运算+，-，*，/，%，++，--

        比较运算>,<，==  结果返回boolean

        逻辑运算&&，||，！
        && 两边都为true，结果为true
        || 只有一边为true，结果为true
        ！ 取反

        先将数据转为number，再进行比较
        */

       var a = 10;
       var b = 20;
       var c = 30;
       var d = 40;
       console.log(a*b);
       console.log(a/b);
       console.log(a%b);
       c++;
       console.log(c);
       d--;
       console.log(d);
       console.log(c%d);
       console.log(a<b && b<c);
       console.log(a<b || b>c);
        console.log(!(a>b));
    </script>

运算.png

赋值，三目运算

    <script>
        /*
        赋值运算
        =，+=，-=，*=，/=，%=
        三目运算
        var f = (d<c)>
        */
       var a = 10;
       var b = 20;
       b +=a;
       // b=b+a;
       console.log(b); // 30
       b -=a;
       // b=b-a
       console.log(b); //20

       var c = 20;
       var d = 30;
       var f = (d>c)?"d大于c":"d小于c";
       console.log(f);
    </script>

赋值，三目运算.png