JavaScript變量的數(shù)據(jù)類型轉(zhuǎn)換
變量的類型轉(zhuǎn)換,一般情況是JS自動(dòng)轉(zhuǎn)換的,但也有些時(shí)候需要手動(dòng)轉(zhuǎn)換。
其它類型轉(zhuǎn)成布爾型
首先介紹一個(gè)系統(tǒng)內(nèi)置函數(shù)Boolean(),用于將數(shù)據(jù)強(qiáng)制轉(zhuǎn)換成布爾型,至于什么是函數(shù),我們之后在介紹
<!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 //驗(yàn)證我們的注釋結(jié)果是否正確 //使用Boolean()全局函數(shù),強(qiáng)制將變量轉(zhuǎn)化成布爾型 var result = Boolean(x1); //輸出變量的類型和結(jié)果 document.write(x1+"轉(zhuǎn)布爾型的轉(zhuǎn)換結(jié)果為:"+result); </script> </head> <body> </body> </html>
注:我們只強(qiáng)制轉(zhuǎn)換了一個(gè),大家可以將剩余的也使用強(qiáng)制轉(zhuǎn)換函數(shù)轉(zhuǎn)換,查看輸出結(jié)果
其它類型轉(zhuǎn)成字符型
?這次我們使用String()函數(shù)將其它類型強(qiáng)制轉(zhuǎn)換成字符型
<!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 //驗(yàn)證我們的注釋結(jié)果是否正確 //使用String()全局函數(shù),強(qiáng)制將變量轉(zhuǎn)化成字符型 var result = String(x1); //輸出變量的類型和結(jié)果 document.write(x1+"轉(zhuǎn)字符型的轉(zhuǎn)換結(jié)果為:"+result); </script> </head> <body> </body> </html>
注:其它的大家仔細(xì)測(cè)試吧,以后遇到轉(zhuǎn)不明確的,請(qǐng)記得使用強(qiáng)制轉(zhuǎn)換函數(shù)
其它類型轉(zhuǎn)成數(shù)值型
?這個(gè)我們使用Number()函數(shù)將其它類型強(qiáng)制轉(zhuǎn)換成字符型
<!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 //驗(yàn)證我們的注釋結(jié)果是否正確 //使用Number()全局函數(shù),強(qiáng)制將變量轉(zhuǎn)化成數(shù)值型 var result = Number(x1); //輸出變量的類型和結(jié)果 document.write(x1+"轉(zhuǎn)數(shù)值型的轉(zhuǎn)換結(jié)果為:"+result); </script> </head> <body> </body> </html>