JavaScript变量的数据类型转换

变量的类型转换,一般情况是JS自动转换的,但也有些时候需要手动转换。


其它类型转成布尔型


首先介绍一个系统内置函数Boolean(),用于将数据强制转换成布尔型,至于什么是函数,我们之后在介绍

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            var x1 = "abc";       //true
            var x2 = "110";       //true
            var x3 = "";          //false
            var x4 = 110;         //true
            var x5 = 0;           //false
            var x6 = NaN;         //false
            var x7 = undefined;   //false
            var x8 = null;        //false
        //验证我们的注释结果是否正确
        //使用Boolean()全局函数,强制将变量转化成布尔型
        var result = Boolean(x1);
        //输出变量的类型和结果
        document.write(x1+"转布尔型的转换结果为:"+result);
        </script>
    </head>
    <body>
    </body>
</html>

注:我们只强制转换了一个,大家可以将剩余的也使用强制转换函数转换,查看输出结果

其它类型转成字符型


 这次我们使用String()函数将其它类型强制转换成字符型

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            var x1 = true;       //true
            var x2 = false;       //false
            var x4 = 110;         //110
            var x5 = 0;           //0
            var x6 = NaN;         //NaN
            var x7 = undefined;   //undefined
            var x8 = null;        //null
        //验证我们的注释结果是否正确
        //使用String()全局函数,强制将变量转化成字符型
        var result = String(x1);
        //输出变量的类型和结果
        document.write(x1+"转字符型的转换结果为:"+result);
        </script>
    </head>
    <body>
    </body>
</html>

注:其它的大家仔细测试吧,以后遇到转不明确的,请记得使用强制转换函数



其它类型转成数值型

 这个我们使用Number()函数将其它类型强制转换成字符型

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            var x1 = true;        //1
            var x2 = false;       //0
            var x3 = "120px";     //NaN
            var x4 = 100;         //100
            var x5 = "";          //0
            var x6 = undefined;   //NaN
            var x8 = null;        //0
        //验证我们的注释结果是否正确
        //使用Number()全局函数,强制将变量转化成数值型
        var result = Number(x1);
        //输出变量的类型和结果
        document.write(x1+"转数值型的转换结果为:"+result);
        </script>
    </head>
    <body>
    </body>
</html>



继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var x1 = "abc"; //true var x2 = "110"; //true var x3 = ""; //false var x4 = 110; //true var x5 = 0; //false var x6 = NaN; //false var x7 = undefined; //false var x8 = null; //false //验证我们的注释结果是否正确 //使用Boolean()全局函数,强制将变量转化成布尔型 var result = Boolean(x1); //输出变量的类型和结果 document.write(x1+"转布尔型的转换结果为:"+result); </script> </head> <body> </body> </html>
提交重置代码