javascript怎么轉(zhuǎn)數(shù)據(jù)類型

這篇文章將為大家詳細(xì)講解有關(guān)javascript怎么轉(zhuǎn)數(shù)據(jù)類型，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

javascript轉(zhuǎn)數(shù)據(jù)類型的方法：1、根據(jù)運(yùn)算環(huán)境自動(dòng)轉(zhuǎn)換值的數(shù)據(jù)類型，以滿足運(yùn)算需要；2、使用 toString()、String()、parseInt()等JavaScript內(nèi)置函數(shù)來(lái)強(qiáng)制轉(zhuǎn)換數(shù)據(jù)類型。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript是一門動(dòng)態(tài)語(yǔ)言，所謂的動(dòng)態(tài)語(yǔ)言可以暫時(shí)理解為在語(yǔ)言中的一切內(nèi)容都是不確定的。比如一個(gè)變量，這一時(shí)刻是個(gè)整型，下一時(shí)刻可能會(huì)變成字符串了。雖然變量的數(shù)據(jù)類型是不確定的，但是各種運(yùn)算符對(duì)數(shù)據(jù)類型是有要求的。如果運(yùn)算符發(fā)現(xiàn)，運(yùn)算子的類型與預(yù)期不符，就會(huì)自動(dòng)轉(zhuǎn)換類型。

簡(jiǎn)單來(lái)說(shuō)，JavaScript 能夠根據(jù)運(yùn)算環(huán)境自動(dòng)轉(zhuǎn)換值的類型，以滿足運(yùn)算需要。

例：使用加號(hào)運(yùn)算符把值轉(zhuǎn)換為字符串

//把數(shù)字轉(zhuǎn)換為字符串
var n = 123;
n = n + "";
console.log(typeof n); //返回類型為 string

例：使用乘運(yùn)算符把字符串轉(zhuǎn)為數(shù)值

var n = "123";
n = n * 1;
console.log(typeof n); //返回類型為 number

但是在很多情況下需要開(kāi)發(fā)者手動(dòng)轉(zhuǎn)換數(shù)據(jù)類型（強(qiáng)制類型轉(zhuǎn)換），以控制運(yùn)算過(guò)程。

1、其他的數(shù)據(jù)類型轉(zhuǎn)換為String

方式一：toString()方法

調(diào)用被轉(zhuǎn)換數(shù)據(jù)類型的toString()方法,該方法不會(huì)影響到原變量，它會(huì)將轉(zhuǎn)換的結(jié)果返回，但是注意：null和undefined這兩個(gè)值沒(méi)有toString，如果調(diào)用他們的方法，會(huì)報(bào)錯(cuò)。

var a = 123
a.toString()//"123"
var b = null;
b.toString()//"報(bào)錯(cuò)"
var c = undefined
c.toString()//"報(bào)錯(cuò)"

采用 Number 類型的 toString() 方法的基模式，可以用不同的基輸出數(shù)字，例如二進(jìn)制的基是 2，八進(jìn)制的基是 8，十六進(jìn)制的基是 16

var iNum = 10;
alert(iNum.toString(2));        //輸出 "1010"
alert(iNum.toString(8));        //輸出 "12"
alert(iNum.toString(16));       //輸出 "A"

方式二：String()函數(shù)

使用String()函數(shù)做強(qiáng)制類型轉(zhuǎn)換時(shí)，對(duì)于Number和Boolean實(shí)際上就是調(diào)用的toString()方法,

但是對(duì)于null和undefined，就不會(huì)調(diào)用toString()方法,它會(huì)將null直接轉(zhuǎn)換為"null",將undefined 直接轉(zhuǎn)換為"undefined"

var a = null
String(a)//"null"
var b = undefined
String(b)//"undefined"

String方法的參數(shù)如果是對(duì)象，返回一個(gè)類型字符串；如果是數(shù)組，返回該數(shù)組的字符串形式。

String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"

2、其他的數(shù)據(jù)類型轉(zhuǎn)換為Number

方式一：使用Number()函數(shù)

下面分成兩種情況討論，一種是參數(shù)是原始類型的值，另一種是參數(shù)是對(duì)象

(1)原始類型值

①字符串轉(zhuǎn)數(shù)字

• 如果是純數(shù)字的字符串，則直接將其轉(zhuǎn)換為數(shù)字

• 如果字符串中有非數(shù)字的內(nèi)容，則轉(zhuǎn)換為NaN

• 如果字符串是一個(gè)空串或者是一個(gè)全是空格的字符串，則轉(zhuǎn)換為0

Number('324') // 324
Number('324abc') // NaN
Number('') // 0

②布爾值轉(zhuǎn)數(shù)字:true轉(zhuǎn)成1,false轉(zhuǎn)成0

Number(true) // 1
Number(false) // 0

③undefined轉(zhuǎn)數(shù)字:轉(zhuǎn)成NaN

Number(undefined) // NaN

④null轉(zhuǎn)數(shù)字：轉(zhuǎn)成0

Number(null) // 0

⑤Number() 接受數(shù)值作為參數(shù)，此時(shí)它既能識(shí)別負(fù)的十六進(jìn)制，也能識(shí)別0開(kāi)頭的八進(jìn)制，返回值永遠(yuǎn)是十進(jìn)制值

Number(3.15);    //3.15
Number(023);     //19
Number(0x12);    //18
Number(-0x12);   //-18

(2)對(duì)象

簡(jiǎn)單的規(guī)則是，Number方法的參數(shù)是對(duì)象時(shí)，將返回NaN，除非是包含單個(gè)數(shù)值的數(shù)組。

Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5

方式二：parseInt() & parseFloat()

這種方式專門用來(lái)對(duì)付字符串，parseInt()一個(gè)字符串轉(zhuǎn)換為一個(gè)整數(shù),可以將一個(gè)字符串中的有效的整數(shù)內(nèi)容取出來(lái)，然后轉(zhuǎn)換為Number。parseFloat()把一個(gè)字符串轉(zhuǎn)換為一個(gè)浮點(diǎn)數(shù)。parseFloat()作用和parseInt()類似，不同的是它可以獲得有效的小數(shù)。

console.log(parseInt('.21'));        //NaN
console.log(parseInt("10.3"));        //10
console.log(parseFloat('.21'));      //0.21
console.log(parseFloat('.d1'));       //NaN
console.log(parseFloat("10.11.33"));  //10.11
console.log(parseFloat("4.3years"));  //4.3
console.log(parseFloat("He40.3"));    //NaN

parseInt()在沒(méi)有第二個(gè)參數(shù)時(shí)默認(rèn)以十進(jìn)制轉(zhuǎn)換數(shù)值，有第二個(gè)參數(shù)時(shí)，以第二個(gè)參數(shù)為基數(shù)轉(zhuǎn)換數(shù)值，如果基數(shù)有誤返回NaN

console.log(parseInt("13"));          //13
console.log(parseInt("11",2));        //3
console.log(parseInt("17",8));        //15
console.log(parseInt("1f",16));       //31

兩者的區(qū)別：Number函數(shù)將字符串轉(zhuǎn)為數(shù)值，要比parseInt函數(shù)嚴(yán)格很多。基本上，只要有一個(gè)字符無(wú)法轉(zhuǎn)成數(shù)值，整個(gè)字符串就會(huì)被轉(zhuǎn)為NaN。

parseInt('42 cats') // 42
Number('42 cats') // NaN

上面代碼中，parseInt逐個(gè)解析字符，而Number函數(shù)整體轉(zhuǎn)換字符串的類型。
另外，對(duì)空字符串的處理也不一樣

Number("   ");     //0   
parseInt("   ");   //NaN

3、其他的數(shù)據(jù)類型轉(zhuǎn)換為Boolean

它的轉(zhuǎn)換規(guī)則相對(duì)簡(jiǎn)單：只有空字符串("")、null、undefined、+0、-0 和 NaN 轉(zhuǎn)為布爾型是 false，其他的都是 true，空數(shù)組、空對(duì)象轉(zhuǎn)換為布爾類型也是 true,甚至連false對(duì)應(yīng)的布爾對(duì)象new Boolean(false)也是true

Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false

Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) // true

關(guān)于“javascript怎么轉(zhuǎn)數(shù)據(jù)類型”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。