內容導讀

Number() 函數只要有一個字符無法轉成數值，整個字符串就會被轉為 NaN ，而 parseInt() 函數是逐個解析字符，直到遇到無法解釋的字符。先計算 Number(obj.valueOf()) ， obj.valueOf() 返回的不是對象，則返回計算結果，否則計算 Number(obj.toString()) , 如果 obj.toString()) 返回的不是對象， 則返回計算結果， 否則拋出異常。有關 null 、 undefined 、 NaN undefined 除了和 undefined 以及 null 進行非全等比較返回 true ，其它均返回 false null 除了和 null 以及 undefined 進行非全等比較返回 true ，其它均返回false。

參考：

[1] https://www.cnblogs.com/codelovers/p/5345484.html

[2] http://javascript.ruanyifeng.com/grammar/conversion.html

一、類型轉換

1. 強制轉換

• Number()

// 數值：轉換後還是原來的值
Number(324) // 324
// 字符串：如果可以被解析為數值，則轉換為相應的數值, 否則NaN
Number('324') // 324
Number(324a") // NaN
// 空字符串: 轉為0
Number('') 
// 布爾值：true 轉成 1，false 轉成 0
Number(true) 
Number(false) 
// undefined：轉成 NaN
Number(undefined) // NaN
// null：轉成0
Number(null) // NaN
// 普通對象：轉為NaN
Number({a: 1}) // NaN
// 多個元素的數組：轉為NaN
Number([1, 2, 3]) // NaN
// 單個元素的數組： 轉為第一個元素
Number([5]) // 5

注意Number()與parseInt()的區別：

Number()函數只要有一個字符無法轉成數值，整個字符串就會被轉為NaN，而parseInt()函數是逐個解析字符，直到遇到無法解釋的字符。

對象(包括數組)轉換規則：

先計算Number(obj.valueOf())，obj.valueOf()返回的不是對象，則返回計算結果，否則計算Number(obj.toString()), 如果obj.toString())返回的不是對象， 則返回計算結果， 否則拋出異常。

• String()

// 數值：轉為相應的字符串。
String(123) // "123"
// 字符串：轉換後還是原來的值。
String('abc') // "abc"
// 布爾值：true轉為字符串"true"，false轉為字符串"false"。
String(true) // "true"
// undefined：轉為字符串"undefined"。
String(undefined) // "undefined"
// null：轉為字符串"null"。
String(null) // "null"
// 對象：與Number方法的轉換規則基本相同，只是互換了valueOf方法和toString方法的執行順序
String({a: 1}) // "[object Object]"
// 數組：轉為元素的字符串形式，逗號分隔
String([1, 2, 3]) // "1,2,3"

• Boolean()
• 除了以下五個值，其他的全部返回true

undefined
null
-0或+0
NaN
'' //（空字符串）

注意：所有對象都會轉為true，包括下面這個：

Boolean(new Boolean(false)) // true

2. 自動轉換

在不同數據類型之間進行一些運算，或者對某些特定類型的變量使用一些操作符的時候，會進行隱式類型轉換，目標表達式的期望值是什麼，變量就會被轉換為對應類型的值，轉換規則跟上述強制轉換是一樣的

• if語句或者條件表達式中的非布爾型變量： 轉化為布爾值

if(`abc`) 等價於 if(true)
if(`abc` && {}) 等價於 if(true && true)
return "abc" && null; 等價於 return true && false;

• 字符串與非字符串類型進行加法運算：後者轉化為字符串

'5' + 1 // '51'
'5' + true // "5true"
'5' + false // "5false"
'5' + {} // "5[object Object]"
'5' + [] // "5"
'5' + function (){} // "5function (){}"
'5' + undefined // "5undefined"
'5' + null // "5null"

• 對非數值變量使用處加法以外的運算符：轉化為數值

'5' - '2' // 3
'5' * '2' // 10
true - 1 // 0
false - 1 // -1
'1' - 1 // 0
'5' * [] // 0
false / '5' // 0
'abc' - 1 // NaN
null + 1 // 1
undefined + 1 // NaN

• 對非數值變量使用一元運算符：轉化為數值

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

二、非全等比較

• 有關null、 undefined、NaNundefined除了和undefined以及null進行非全等比較返回true，其它均返回false
• null除了和null以及undefined進行非全等比較返回true，其它均返回false。
• NaN和任何值比較(包括自身均返回false

null == null; // true
null === null; // true
undefined == undefined; // true
undefined === undefined; // true
NaN == NaN; // false
NaN === NaN; // false
null == undefined; // true
null === undefined; // false
undefined == null; // true
undefined === null; // false

• 數字和字符串、布爾類型、數組進行比較時，後者先轉換為數字，再進行比較

123 == '123asd'; //false
123 == '123'; //true
123 == false; //false
123 == true; //false

• 字符串和布爾類型比較：兩者都轉化為Number再比較

"qwe" == false; //false
"qwe" == true; //false
"" == false; // true
"" == true; //false

• 數組和布爾值比較：兩者都轉化為Number再比較

[] == false; //true
[0] == false; //true
[00] == false; // true
[0,0] == false ; //false

• 數組或對象和字符串進行比較: 前者轉換成字符串再進行比較

[] == ""; // true
[0] == ""; // false
[0] == "0"; // true
var obj = {a: 1};
obj == ""; // false
obj == "[object Object]"; // true