【Day1】ES5 (转为数字类型，字符串类型，布尔类型)

日期：1月30日夜

---

1.转为数字类型

           具有可转性的数值才能进行 数据类型转换

         简单数据类型包含：

            number  string  boolean  null  undefined

         转换的方式：

            Number(待转的数据)

            parseInt(待转的数据)

            parseFloat(待转的数据)

案例：（为数字时，三种方式都可以转化）

        var str01 = "100"
        var a01 = Number(str01)
        console.log(a01,typeof a01);  // 100 'number'

        var a02 =parseInt(str01)
        console.log(a02,typeof a02);  // 100 'number'

        var a03 =parseFloat(str01)
        console.log(a03,typeof a03);  // 100 'number'

              Number

                 无法截取字符串中前面的数字

                 可以转换boolean 类型

                 可以转换null类型

              parseInt/parseFloat

                 可以截取字符串中前面的数字 将后面非数字的部分过滤掉

                 parseInt: 在转换时 只保留整数部分

                 parseFloat： 在转换时 既保留整数又保留小数部分

                 无法转换boolean类型

                 无法转换null类型

案例：（三种方式）

        var str01 = "10元"
        var a01 = Number(str01)
        console.log(a01,typeof a01);  // NaN 'number'

        var a02 =parseInt(str01)
        console.log(a02,typeof a02);  // 10 'number'

        var a03 =parseFloat(str01)
        console.log(a03,typeof a03);  // 10 'number'

-------------------------------------------------------------------------------------------
       
        var str01 = "10.5元"
        var a01 = Number(str01)
        console.log(a01,typeof a01);  // NaN 'number'

        var a02 =parseInt(str01)
        console.log(a02,typeof a02);  // 10 'number'

        var a03 =parseFloat(str01)
        console.log(a03,typeof a03);  // 10.5 'number'

          boolean 类型转为数字类型

             true 表示  1

             false 表示  0

        var a04 = true;
        var a05 = false; 
        var a06 = Number(a04)
        var a07 = Number(a05)
        console.log(a06,typeof a06); // 1 number
        console.log(a07,typeof a07); // 0 number

-----------------------------------------------------------------------

        var a08 = parseInt(a04)
        var a09 = parseFloat(a05)
        console.log(a08,typeof a08); 
        console.log(a09,typeof a09); 

          结论： booealn的底层  true 等价于1  false 等价于 0

          undefined 类型不具备转换为数字的能力

          null 转为数字为 0

         特殊的数值

             NaN  类型number 表示 不是一个数字

案例：

        var a10;
        var a11 = null;
        var a12 = Number(a10)
        var a13 = Number(a11)
        console.log(a12,typeof a12);   // NaN 'number'
        console.log(a13,typeof a13);   //  0  'number'

        var a14 = parseInt(a11)
        console.log(a14,typeof a14);   //  NaN  'number'

2.转为字符串类型

        任意类型都可以转为字符串类型

                    String(): 将任意类型转为 字符串类型

                    toString()： 简单数据类型中 只能将 boolean 和数字 转为字符串类型

案例：

       var a01 = 100;
       var s01 = String(a01)
       console.log(s01,typeof s01); // 100 string

       var s02 = String(true);
       console.log(s02,typeof s02); // true string

       var s03 = String(undefined);
       console.log(s03,typeof s03); // undefined string

       var s04 = String(null);
       console.log(s04,typeof s04); // null string

       var a02 = 100;
       var s05 = a02.toString();
       console.log(s05,typeof s05); // 100 string

       var a03 = false;
       var s06 = a03.toString();
       console.log(s06,typeof s06); // false string

3.转为布尔类型

        其他类型转为boolean 类型

              Boolean(待转换的)

            字符串

               非空字符串 表示true

               空字符串   表示false

            数字

               非0数字  表示true

               数字0    表示false

            null 和 undefined 表示false

案例：

        // 将字符串转为boolean 类型
         var a1 = "xxx"
         var a1 = "false"  // true
         var a1 = " "  // true    不表示空 内容是一个空格
         var b1 = Boolean(a1);
         console.log(b1,typeof b1); // true 'boolean'


         // 数值转为boolean 
         var a2 = 0;
         var b2 = Boolean(a2);
         console.log(b2,typeof b2); // true 'boolean'


         // null 和undefined  转为boolean 
         var b3 = Boolean(undefined)
         console.log(b3,typeof b3); // false 'boolean'
         var b4 = Boolean(null);
         console.log(b4,typeof b4); // false 'boolean'