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>