前言

 什么是數(shù)據(jù)類(lèi)型轉(zhuǎn)換？

使用表單、prompt 獲取過(guò)來(lái)的數(shù)據(jù)默認(rèn)類(lèi)型是字符串類(lèi)型的，此時(shí)就不能直接進(jìn)行加減法運(yùn)算，而需要轉(zhuǎn)換變量的數(shù)據(jù)類(lèi)型。

通俗來(lái)說(shuō)，數(shù)據(jù)類(lèi)型轉(zhuǎn)換就是將一種數(shù)據(jù)類(lèi)型轉(zhuǎn)換成另外一種數(shù)據(jù)類(lèi)型。

在平常代碼的使用中，我們偶爾會(huì)遇到需要進(jìn)行數(shù)據(jù)類(lèi)型轉(zhuǎn)換的時(shí)候，比如將數(shù)值型轉(zhuǎn)換為字符串，或者將null/undefined轉(zhuǎn)換為布爾類(lèi)型等等，這篇文章我們主要講以下三種類(lèi)型的轉(zhuǎn)換：

• 其他類(lèi)型轉(zhuǎn)為字符串
• 其他類(lèi)型轉(zhuǎn)為數(shù)值型
• 其他類(lèi)型轉(zhuǎn)為布爾類(lèi)型
  

其他類(lèi)型轉(zhuǎn)為字符串：

有三種方法

//第一種方法
var a=5;//數(shù)值類(lèi)型轉(zhuǎn)為字符串
var b=a.toString();
console.log(b);//console可以在瀏覽器中打印出輸出的信息
console.log(typeof b);//typeof可以顯示當(dāng)前文本的類(lèi)型
 
//第二種方法
var a=5;
console.log(String(a));//直接打印出轉(zhuǎn)換為字符串類(lèi)型的內(nèi)容
 
//第三種方法
var a=5;
var b=''+a;
console.log(b);
//這種方法利用了在JS中如果有加號(hào)，那么從遇到的第一個(gè)字符串類(lèi)型開(kāi)始，后面的全變?yōu)樽址?lèi)型
 

如果是布爾類(lèi)型轉(zhuǎn)換為字符串類(lèi)型的話

var a=true;
console.log(String(a));//在上述三種類(lèi)型中任選一種用即可

這樣轉(zhuǎn)換后的結(jié)果還是true

但是如果我們用

console.log(typeof String(a));

驗(yàn)證后，就會(huì)發(fā)現(xiàn)雖然顯示還是true，但類(lèi)型已經(jīng)轉(zhuǎn)換為字符串類(lèi)型。

其他類(lèi)型轉(zhuǎn)為數(shù)值型

同樣也有三種方法

//第一種方法
var a='1';
var b=Number(a);
console.log(b);//內(nèi)容為數(shù)值的字符型轉(zhuǎn)數(shù)值，最終顯示結(jié)果就為原數(shù)值
 
var c=Number('c');
var d=Number(null);//在這里null可以轉(zhuǎn)換為0
var e=Number(undefined);
console.log(c,d,e);
//輸出結(jié)果為NaN  0  NaN
//NaN表示not a number

注：如果是字符串類(lèi)型轉(zhuǎn)數(shù)值類(lèi)型，那么串內(nèi)的內(nèi)容必須要是數(shù)字，如果不是則會(huì)顯示NaN。

//第二種方法
//int表示整型數(shù)值
var a=parseInt('5');
var b=parseInt('q12');
var c=parseInt(null);
var d=parseInt(undefined);
console.log(a,b,c,d);
 
//輸出結(jié)果為5  NaN  NaN  NaN

可以看到，第二種方法的null沒(méi)有轉(zhuǎn)換為0，而是NaN。

//第三種方法
//float表示浮點(diǎn)型數(shù)值
var a=parseFloat('2.56qwe');
var b=parseFloat('2.4.6.8');
var c=parseFloat('q12');
var d=parseFloat(null);
var e=parseFloat(undefined);
console.log(a,b,c,d,e);
 
//輸出結(jié)果為2.56  2.4  NaN  NaN  NaN

當(dāng)轉(zhuǎn)換類(lèi)型為浮點(diǎn)型數(shù)值時(shí)

會(huì)默認(rèn)輸出第一個(gè)小數(shù)點(diǎn)前的數(shù)字以及第一個(gè)小數(shù)點(diǎn)后的所有有效數(shù)字，如遇到字符或者第二個(gè)小數(shù)點(diǎn)停止。

其他類(lèi)型轉(zhuǎn)為布爾類(lèi)型

只有一種方法

var a=Boolean('0');
var b=Boolean(0);
var c=Boolean('5');
var d=Boolean(null);
var e=Boolean(undefined);
var f=Boolean('');//字符串內(nèi)容為空
var g=Boolean(' ');//字符串內(nèi)容為空格
 
console.log(a,b,c,d,e,f,g);
 
//輸出結(jié)果為true  false  true  false  false  false  true

注意：如果是字符串轉(zhuǎn)換為布爾類(lèi)型，那么只要字符串中有內(nèi)容（內(nèi)容為空格也算有內(nèi)容），轉(zhuǎn)換結(jié)果就為true，如果字符串內(nèi)容為空，則為false。

總結(jié)

到此這篇關(guān)于JavaScript數(shù)據(jù)類(lèi)型轉(zhuǎn)換的文章就介紹到這了,更多相關(guān)JavaScript數(shù)據(jù)類(lèi)型轉(zhuǎn)換內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論