前言
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)換類型弧满。
本文主要介紹數(shù)據(jù)類型強(qiáng)制轉(zhuǎn)換和自動(dòng)轉(zhuǎn)換婆跑，自動(dòng)轉(zhuǎn)換是基于強(qiáng)制轉(zhuǎn)換之上。強(qiáng)制轉(zhuǎn)換主要指使用Number庭呜、String和Boolean三個(gè)函數(shù)滑进，手動(dòng)將各種類型的值，分別轉(zhuǎn)換成數(shù)字募谎、字符串或者布爾值扶关。
一、強(qiáng)制轉(zhuǎn)換
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
二孕讳、自動(dòng)轉(zhuǎn)換
遇到以下三種情況時(shí)，JavaScript 會(huì)自動(dòng)轉(zhuǎn)換數(shù)據(jù)類型，即轉(zhuǎn)換是自動(dòng)完成的厂财，用戶不可見(jiàn)芋簿。
1.自動(dòng)轉(zhuǎn)換為布爾值
JavaScript 遇到預(yù)期為布爾值的地方(比如if語(yǔ)句的條件部分),就會(huì)將非布爾值的參數(shù)自動(dòng)轉(zhuǎn)換為布爾值。系統(tǒng)內(nèi)部會(huì)自動(dòng)調(diào)用Boolean函數(shù)璃饱。
if ('abc') {
console.log('hello')
} // "hello"
2.自動(dòng)轉(zhuǎn)換為數(shù)值
算數(shù)運(yùn)算符(+ - * /)跟非Number類型的值進(jìn)行運(yùn)算時(shí)与斤，會(huì)將這些值轉(zhuǎn)換為Number，然后在運(yùn)算帜平，除了字符串的加法運(yùn)算
true + 1 // 2
2 + null // 2
undefined + 1 // NaN
2 + NaN // NaN 任何值和NaN做運(yùn)算都得NaN
'5' - '2' // 3
'5' * '2' // 10
true - 1 // 0
'1' - 1 // 0
'5' * [] // 0
false / '5' // 0
'abc' - 1 // NaN
一元運(yùn)算符也會(huì)把運(yùn)算子轉(zhuǎn)成數(shù)值幽告。
+'abc' // NaN
-'abc' // NaN
+true // 1
-false // 0
3.自動(dòng)轉(zhuǎn)換為字符串
字符串的自動(dòng)轉(zhuǎn)換梅鹦，主要發(fā)生在字符串的加法運(yùn)算時(shí)裆甩。當(dāng)一個(gè)值為字符串，另一個(gè)值為非字符串齐唆，則后者轉(zhuǎn)為字符串嗤栓。
'5' + 1 // '51'
'5' + true // "5true"
'5' + false // "5false"
'5' + {} // "5[object Object]"
'5' + [] // "5"
'5' + function (){} // "5function (){}"
'5' + undefined // "5undefined"
'5' + null // "5null"
三、總結(jié)
1. 強(qiáng)制轉(zhuǎn)換的各種情況
2. 自動(dòng)轉(zhuǎn)換的的各種情況
- 只有空字符串("")箍邮、null茉帅、undefined、+0锭弊、-0 和 NaN 轉(zhuǎn)為布爾型是 false堪澎，其他的都是 true
- 除了加法運(yùn)算符（+）有可能把運(yùn)算子轉(zhuǎn)為字符串，其他運(yùn)算符都會(huì)把運(yùn)算子自動(dòng)轉(zhuǎn)成數(shù)值味滞。一元運(yùn)算符也會(huì)把運(yùn)算子轉(zhuǎn)成數(shù)值樱蛤。
- 字符串的自動(dòng)轉(zhuǎn)換，主要發(fā)生在字符串的加法運(yùn)算時(shí)剑鞍。
如果覺(jué)得文章對(duì)你有些許幫助昨凡，歡迎在我的GitHub博客點(diǎn)贊和關(guān)注，感激不盡蚁署！
