捋一捋Javascript數據類型轉換規則

一、數據類型

5種基本數據類型：Null/Undefined/String/Boolean/Number

1種複雜數據類型：Object

二、數據類型檢測

傳送門《幾種JS數據類型方式及其局限性》

1、typeof

2、instanceof/constructor

3、Object.prototype.toString.call(value)

4、Object.prototype.toString

三、數據類型轉換

JS內部提供不同數據類型的自動轉換機制，在某處預期為某種類型而不是某種類型時，就會自動轉換為預期類型，這就是我們常說的隱式轉換。

1、強制類型轉換

在瞭解隱式轉換的規則前先來看看強制類型轉換，強制類型轉換主要是用Boolean()/String()/Number()將各類型的數據轉換成布爾、字元串、數值型數據。

Boolean() 函數

當要轉換的值是至少有一個字元的字元串、非 0 數字或對象時，Boolean() 函數將返回 true。如果該值是空字元串、數字 0、undefined 或 null，它將返回 false。

var b1 = Boolean("");		//false - 空字元串
var b2 = Boolean("hello");	//true - 非空字元串
var b1 = Boolean(50);		//true - 非零數字
var b1 = Boolean(null);		//false - null
var b1 = Boolean(0);		//false - 零
var b1 = Boolean(new object());	//true - 對象

Number() 函數

Number() 函數的強制類型轉換與 parseInt() 和 parseFloat() 方法的處理方式相似，只是它轉換的是整個值，而不是部分值。

parseInt() 和 parseFloat() 方法只轉換第一個無效字元之前的字元串，因此 "1.2.3" 將分別被轉換為 "1" 和 "1.2"。

用 Number() 進行強制類型轉換，"1.2.3" 將返回 NaN，因為整個字元串值不能轉換成數字。如果字元串值能被完整地轉換，Number() 將判斷是調用 parseInt() 方法還是 parseFloat() 方法。

String() 函數

最後一種強制類型轉換方法 String() 是最簡單的，因為它可把任何值轉換成字元串。

要執行這種強制類型轉換，只需要調用作為參數傳遞進來的值的 toString() 方法，即把 12 轉換成 "12"，把 true 轉換成 "true"，把 false 轉換成 "false"，以此類推。

強制轉換成字元串和調用 toString() 方法的唯一不同之處在於，對 null 和 undefined 值強制類型轉換可以生成字元串而不引發錯誤：

var s1 = String(null);	//"null"
var oNull = null;
var s2 = oNull.toString();	//會引發錯誤

2、自動類型轉換

說完了強制類型轉換，再來看看自動類型轉換，實際上自動類型轉換是建立在強制類型轉換的基礎上，當預期某個位置應該是某類型（布爾、數值、字元串）的數據時，就會調用相應的強制類型轉換函數，這個是自動進行的。

*當JavaScript遇到預期為布爾值的地方（比如if語句的條件部分），就會將非布爾值的參數自動轉換為布爾值。系統內部會自動調用Boolean函數。

因此除了以下六個值，其他都是自動轉為true。

• undefined
• null
• -0
• 0或+0
• NaN
• ''（空字元串）

*當JavaScript遇到預期為字元串的地方，就會將非字元串的數據自動轉為字元串。系統內部會自動調用String函數。

字元串的自動轉換，主要發生在加法運算時。當一個值為字元串，另一個值為非字元串，則後者轉為字元串。

*當JavaScript遇到預期為數值的地方，就會將參數值自動轉換為數值。系統內部會自動調用Number函數。

除了加法運算符有可能把運運算元轉為字元串，其他運算符都會把運運算元自動轉成數值。

一元運算符也會把運運算元轉成數值。

+'abc' // NaN
-'abc' // NaN
+true // 1
-false // 0