基本概念

將值從一種類型轉(zhuǎn)換為另一種類型稱為類型轉(zhuǎn)換，類型轉(zhuǎn)換總是返回基本類型值，如字符串、數(shù)字和布爾值，不會(huì)返回引用類型值。
類型轉(zhuǎn)換分為“顯式”和“隱式”：“顯式”轉(zhuǎn)換發(fā)生在靜態(tài)類型語(yǔ)言的編譯階段，而“隱式”轉(zhuǎn)換則發(fā)生在動(dòng)態(tài)類型語(yǔ)言的運(yùn)行時(shí)。

顯式類型轉(zhuǎn)換

非字符串到字符串的類型轉(zhuǎn)換

toString() 方法
數(shù)字、布爾值、字符串和對(duì)象都有 toString() 方法，但 null 和 undefined 沒有。
例子：

var name = "Tom",
  age = 19,
  isStudent = true;
console.log(name.toString()); //輸出："Tom"
console.log(age.toString()); //輸出："19"
console.log(isStudent.toString()); //輸出："true"

var obj = {
    name: "Tom"
  },
  arr = [19, 20];
console.log(obj.toString()); //輸出："[object Object]"
console.log(arr.toString()); //輸出："19,20"

*基本類型值不能直接使用 toString() 方法，所以 JavaScript 引擎會(huì)自動(dòng)為基本類型值創(chuàng)建一個(gè)封裝對(duì)象，然后對(duì)該對(duì)象調(diào)用 toString()。

String() 方法

這個(gè)方法能夠?qū)⑷魏晤愋偷闹缔D(zhuǎn)換為字符串，基本的轉(zhuǎn)換規(guī)則是：

1、如果值有toString()方法，則調(diào)用該方法進(jìn)行轉(zhuǎn)換；
2、如果值是null，則返回“null”；
3、如果值是undefined，則返回“undefined”。

例子：

console.log(String(11)); //輸出："11"
console.log(String(true)); //輸出："true"
console.log(String("love")); //輸出："love"
console.log(String(null)); //輸出："null"
console.log(String(undefined)); //輸出："undefined"
console.log(String({
  name: "Tom"
})); //輸出："[object Object]"
console.log(String([1, 2])); //輸出："1,2"

非數(shù)字到數(shù)字的類型轉(zhuǎn)換

Number() 方法

這個(gè)方法可以用于任何數(shù)據(jù)類型，基本的轉(zhuǎn)換規(guī)則是：
1、如果是Boolean值，true和false將分別被轉(zhuǎn)換為1和0；
2、如果是數(shù)字值，只是簡(jiǎn)單的傳入和返回；
3、如果是null值，返回0；
4、如果是undefined值，返回NaN;
5、如果是字符串，遵循下列規(guī)則：

1. 如果字符串中只包含數(shù)字，將其轉(zhuǎn)換為十進(jìn)制。即“123”轉(zhuǎn)換為123，“011”轉(zhuǎn)換為11（忽略前導(dǎo)0）；
2. 如果字符串中包含有效的浮點(diǎn)格式，如“1.1”將其轉(zhuǎn)換為對(duì)應(yīng)的浮點(diǎn)數(shù)值（同樣忽略前導(dǎo)0）；
3. 如果字符串是空的，不包含任何字符，則將其轉(zhuǎn)換為0；
4. 如果字符串中包含除上述以外的字符，則將其轉(zhuǎn)換為NaN。

 6、如果是對(duì)象，會(huì)首先檢查該值是否有 valueOf() 方法。如果有，并且可以成功返回基本類型值，那么就使用該方法的返回值進(jìn)行強(qiáng)制類型轉(zhuǎn)換；如果沒有就使用 toString() 的返回值來(lái)進(jìn)行強(qiáng)制類型轉(zhuǎn)換。如果 valueOf() 和 toString() 均不返回基本類型值，會(huì)產(chǎn)生 TypeError 錯(cuò)誤。

*valueOf() 和 toString() 都屬于 Object 的原型方法，valueOf() 返回類型不變的原始值而非值的字符串形式。

例子：

console.log(Number(true)); //輸出：1
console.log(Number(10)); //輸出：10
console.log(Number(null)); //輸出：0
console.log(Number(undefined)); //輸出：NaN
console.log(Number("123")); //輸出：123
console.log(Number("01")); //輸出：1
console.log(Number("1.1")); //輸出：1.1
console.log(Number("")); //輸出：0
console.log(Number("love")); //輸出：NaN
//轉(zhuǎn)換過(guò)程：{name: "Tom"} => "[object Object]" => NaN
console.log(Number({
  name: "Tom"
})); //輸出：NaN
//轉(zhuǎn)換過(guò)程：[1,2] => "1,2" => NaN
console.log(Number([1, 2])); //輸出：NaN
//轉(zhuǎn)換過(guò)程：[999] => "999" => 999
console.log(Number([999])); //輸出：999
console.log(Number(new Date)); //以微秒為單位的數(shù)字時(shí)間

parseInt() 方法

這個(gè)方法是專門用于把字符串轉(zhuǎn)換成整數(shù)的，非字符串參數(shù)會(huì)首先被強(qiáng)制轉(zhuǎn)換為字符串，它的基本轉(zhuǎn)換規(guī)則是：
1、如果第一個(gè)字符不是數(shù)字或者負(fù)號(hào)，返回NaN；
2、如果第一個(gè)字符是數(shù)字，會(huì)繼續(xù)解析第二個(gè)字符，直到解析完所有后續(xù)字符或者遇到了一個(gè)非數(shù)字字符。
例子：

例子：

//非字符串類型
//轉(zhuǎn)換過(guò)程：10.1 => "10.1" => 10
console.log(parseInt(10.1)); //輸出：10
//轉(zhuǎn)換過(guò)程：0.0000008 => "8e-7" => 8
console.log(parseInt(0.0000008)); //輸出：8

//字符串類型
console.log(parseInt("10abc")); //輸出：10
console.log(parseInt("abc")); //輸出：NaN

*從 ES5 開始，parseInt() 默認(rèn)轉(zhuǎn)換為十進(jìn)制數(shù)，如果需要轉(zhuǎn)換其他基數(shù)（即多少進(jìn)制），可以為這個(gè)函數(shù)提供第二個(gè)參數(shù)，例如：parseInt( “0xAF”, 16 ) 。

parseFloat() 方法與 parseInt() 類似，用于解析浮點(diǎn)數(shù)。字符串中的第一個(gè)小數(shù)點(diǎn)是有效的，而第二個(gè)小數(shù)點(diǎn)是無(wú)效的。除此之外，parseFloat() 方法只能解析十進(jìn)制數(shù)。

例子：

console.log(parseFloat("10abc")); //輸出：10
console.log(parseFloat("11.22.33")); //輸出：11.22
console.log(parseFloat("011.22")); //輸出：11.22

非布爾值到布爾值的類型轉(zhuǎn)換

Boolean() 方法

可以對(duì)任何數(shù)據(jù)類型的值調(diào)用 Boolean() 方法，而且總會(huì)返回一個(gè) Boolean 值，基本的轉(zhuǎn)換規(guī)則是：
1、以下這些是可以被轉(zhuǎn)換為 false 的值：

1. undefined
2. null
3. false
4. +0、-0 和 NaN
5. “”

2、上面列舉之外的值都是可以被轉(zhuǎn)換為 true 的值。

例子：

console.log(Boolean(undefined)); //輸出：false
console.log(Boolean(null)); //輸出：false
console.log(Boolean(false)); //輸出：false
console.log(Boolean(0)); //輸出：false
console.log(Boolean(-0)); //輸出：false
console.log(Boolean(NaN)); //輸出：false
console.log(Boolean("")); //輸出：false

所有的對(duì)象都是可以被轉(zhuǎn)換為 true 的值，包括使用Boolean、 Number 和 String 來(lái)創(chuàng)建的基本包裝類型的對(duì)象。

例子：

console.log(Boolean(new Boolean(false))); //輸出：true
console.log(Boolean(new Number(0))); //輸出：true
console.log(Boolean(new String(""))); //輸出：true
console.log(Boolean([])); //輸出：true
console.log(Boolean({})); //輸出：true

如有錯(cuò)誤，歡迎指正，本人不勝感激。

以上所述是小編給大家介紹的JavaScript顯式數(shù)據(jù)類型轉(zhuǎn)換詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論