JavaScript 中 == 和 === 的區(qū)別

Chao 發(fā)布于2019-08-26 10:31 / 948人閱讀

摘要：例如兩個(gè)引用類型判斷兩者之間的引用路徑。布爾值與數(shù)字比較時(shí)，布爾值轉(zhuǎn)化成數(shù)字值，二者再進(jìn)行比較。根據(jù)運(yùn)算符的優(yōu)先級(jí)，先執(zhí)行，直接轉(zhuǎn)化為布爾值空字符串，，，都是，其余都是再取反，故轉(zhuǎn)化為。最后，故結(jié)果為。

兩個(gè)操作數(shù)之間的 " == " 與 " === "

1、 兩個(gè)不同的基本數(shù)據(jù)類型： 如果兩個(gè)基本數(shù)據(jù)類型（Number、String、Boolean、Null、Undefined）不同，會(huì)將它們進(jìn)行數(shù)據(jù)類型轉(zhuǎn)化，再進(jìn)行比較。例如：

0 == ""                                                  // true
0 == "0"                                                 // true
1 == "1"                                                 // true
"0" == ""                                                // false

false == 0                                               // true
false == "0"                                             // true
false == "false"                                         // false
false == null                                            // false
true == null                                             // false
false == undefined                                       // false
true == undefined                                        // false
null == undefined                                        // true
NaN == NaN                                               // false

0 === ""                                                 // false
0 === "0"                                                // false
1 === "1"                                                // false

false === "0"                                            // false
null === undefined                                       // false

[] == false                                              // true
![] == false                                             // true
![] == []                                                // true
![] === []                                               // false

null === document.getElementById("ABC")                  // true（document.getElementById("ABC") 不存在）

2、 基本數(shù)據(jù)類型與引用數(shù)據(jù)類型： 將引用數(shù)據(jù)類型（function、object，其中object包含array）轉(zhuǎn)化（后臺(tái)自動(dòng)調(diào)用 Object.prototype.valueOf() ）為它的原始值，再進(jìn)行比較。例如：

[1,2] == "0"                                            // true
function(){return ["1,2"]}() == "1,2"                   // true

[1,2] === "0"                                           // false
function(){return ["1,2"]}() === "1,2"                  // false

3、 兩個(gè)引用類型： 判斷兩者之間的引用路徑。例如：

[1,2] == [1,2]                                          // false
[1,2] === [1,2]                                         // false

總結(jié)

1、" == " 情況
一般轉(zhuǎn)化規(guī)則：（對(duì)象 => 字符串 => 數(shù)字值）或（布爾值 => 數(shù)字值）
（1）字符串與數(shù)字比較時(shí)，字符串轉(zhuǎn)化成數(shù)字值，二者再進(jìn)行比較。
（2）布爾值與數(shù)字比較時(shí)，布爾值轉(zhuǎn)化成數(shù)字值，二者再進(jìn)行比較。
（3）字符串與布爾值比較時(shí)，二者全部轉(zhuǎn)化成數(shù)字值再進(jìn)行比較。
（4）對(duì)象與數(shù)字比較時(shí)，對(duì)象先轉(zhuǎn)化成字符串，然后再轉(zhuǎn)化成數(shù)字值，與數(shù)字值進(jìn)行比較。
（5）對(duì)象與字符串比較時(shí)，對(duì)象轉(zhuǎn)化成字符串，然后二者再進(jìn)行比較。
（6）對(duì)象和布爾值比較時(shí)，對(duì)象先轉(zhuǎn)化成字符串，然后再轉(zhuǎn)化成數(shù)字值，布爾值直接轉(zhuǎn)化為數(shù)字，二者再進(jìn)行比較。
（7）null 與 undefined 二者相等，不能把二者轉(zhuǎn)化為其他值，二者與其他值比較返回 false。
（8）![] == []。（根據(jù)運(yùn)算符的優(yōu)先級(jí)，! 先執(zhí)行，直接轉(zhuǎn)化為布爾值（空字符串,NaN，0，null，undefined 都是 fasle，其余都是 true）再取反，故![] 轉(zhuǎn)化為 false。其余依照以上規(guī)則轉(zhuǎn)化。最后 0 == 0，故結(jié)果為 true。）

2、" === " 情況
（1）兩個(gè)值類型不同，就返回 fasle 。
（2）兩個(gè)值都是數(shù)值，并且是同一個(gè)值，那么為 true，另外：如果其中至少一個(gè)是NaN，那么為 fasle。（判斷一個(gè)值是否是 NaN，只能使用 isNaN() 來(lái)判斷）；
（3）兩個(gè)值都是字符串，每個(gè)位置的字符都一樣，那么 true，否則 fasle。
（4）兩個(gè)值都引用同一個(gè)對(duì)象或函數(shù)，那么為true；否則 fasle。
（5）兩個(gè)值都是 true 或 fasle，那么 true，否則 fasle。
（6）兩個(gè)值都是null 或 undefined，那么為true；否則 fasle。