web 数据类型和流程控制语句

2.数据类型转换

• 数据类型转换分为两种

  • 显式转换(强制转换):通过js的方法，转换成自己想要的数据类型

  • 隐式转换：在js进行某些运算的时候 自动完成转换数据类型

2.1 强制转换

2.1.1 强制转换为number

• Number(要转换的数据)

  • 作用:将数据转换成number类型，如果转换不了则是返回NaN

<script>
        // Number类型转换
        // 1.number类型
        var n1 = 10;
        console.log( Number(n1) );//10
        // 2.string类型转换
        var n2 = "10";
        console.log( Number(n2));//10
​
        var n3 = "10px";
        console.log(Number(n3));//NaN
​
        var n4 = "px10abc";
        console.log(Number(n4));//NaN
​
        var n5 = "";
        console.log(Number(n5));//0
​
        // 3.boolean类型
        var n6 = true;
        console.log(Number(n6));//true----1
        var n7 = false;
        console.log(Number(n7));//false----0
​
        // 4.undefined
        var n8 = undefined;
        console.log(Number(n8));//NaN
        // 5.null
        var n9 = null;
        console.log(Number(n9));//0 
​
        // 总结:Number可以转换的有：string类型(纯数字，""-0 "  "-0)  boolean(true-1 false-0) null(0)
    </script>

• parseInt(要转换的数据)

  • ==主要是针对字符串数据操作==

  • 作用：将数据转换成number类型，从左往右转换，遇到不能转换的或者是末尾结束，如果一开始都不能转换则是NaN 并且取整(舍弃小数)

        var n1 = "10.5";
        console.log(parseInt(n1));//10
        var n2 = "10.5px";
        console.log(parseInt(n2));//10
​
        var n3 = "px10.5";
        console.log(parseInt(n3));//NaN
​
        var n4 = "11px123";
        console.log(parseInt(n4));//11
​
        var n5 = undefined;
        console.log(parseInt(n5));

• parseFloat(要转换的数据)

  • ==主要针对字符串数据操作==

  • 作用：将数据转换成number类型，从左往右转换，遇到不能转换的或者是末尾结束，如果一开始都不能转换则是NaN 保留小数

 <script>
        // parseFloat: 将数据转换成number类型，从左往右转换，遇到不能转换的或者是末尾结束，如果一开始都不能转换则是NaN   保留小数 
​
        var n1 = "10.8";
        console.log(parseFloat(n1));//10.8
​
        var n2 = "10.8px";
        console.log(parseFloat(n2));//10.8
​
        var n3 = "px10.8";
        console.log(parseFloat(n3));//NaN
​
        var n4 = "11.8px1234";
        console.log(parseFloat(n4));//11.8
​
        var n5 = undefined;
        console.log(parseFloat(n5));//NaN
    </script>