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>

提交重置代码

自动运行

章节

笔记

提问

课件

反馈

捐赠