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
【推薦學(xué)習(xí):javascript高級(jí)教程】