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

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

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

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

1、 兩個不同的基本數(shù)據(jù)類型： 如果兩個基本數(shù)據(jù)類型（Number、String、Boolean、Null、Undefined）不同，會將它們進行數(shù)據(jù)類型轉(zhuǎ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)化（后臺自動調(diào)用 Object.prototype.valueOf() ）為它的原始值，再進行比較。例如：

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

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

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

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

總結(jié)

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

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