詳解js中==、===以及Object.js()的內容（全面）

這篇文章帶給大家的內容是關於詳解js中==、===以及Object.js()的內容（全面），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

本文主要說明JavaScript中的三種相等運算：==，===和Object.js()。透過對比和例子，加深大家的印象，並就個別例子進行詳細說明。

預備知識

詳解ECMAScript7規格中ToPrimitive抽像運算的知識（範例）

===運算子

對於x === y，此運算子的比較步驟如下：

1、如果x的型別和y的型別不一樣，回傳false；

2、如果x的型別是數字，那麼：

a、如果x是NaN，則回傳false；

b、如果y是NaN，則回傳false；

c、如果x和y是同一個數字值，傳回true;

d、如果x是0，y是-0，回傳true；

e、如果x是-0，y是0，則回傳true；

f、回傳false；

3、回傳SameValueNonNumber(x, y)的結果。

SameValueNonNumber(x, y)抽象運算比較兩個非數字且相同類型的x和y是否相等，比較步驟如下：

1、如果x的類型是null或undefined，傳回true；

2、如果x是字串類型，

如果x和y是完全相同的字元編碼序列，回傳true，否則回傳false；

3 、如果x是布林類型，

4、如果x和y同為true或false，回傳true，否則回傳false；

5、如果x是symbol類型，

如果x和y是相同的符號值，回傳true，否則回傳false；

6、如果x和y是同一個物件值，傳回true，否則回傳false。

這三個例子分別對應x === y比較步驟中的2.1，2.4和2.5。這三個例子的輸出結果完全就是依照規範的定義所得出的結果，沒有為什麼，規範就是這麼定義的。至於說為什麼規範要這樣定義，可能就需要去問規範的製定者了，這個就不在本文的討論範圍內了。

Object.is()

對於Object.is(x, y)，會使用抽象運算SameValue(x, y)進行比較，此抽像運算的步驟如下：

1、如果x的型別和y的型別不一樣，回傳false；

2、如果x的型別是數字​​，那麼：

a、如果x和y都是NaN，回傳true；

b、如果x是0，y是-0，回傳false；

c、如果x是-0，y是0，回傳false;

d、如果x和y是同一個數字值，回傳true;

e、回傳false；

3、傳回SameValueNonNumber(x, y)的結果。

由此可見，===和Object.is()的差別在於對NaN和帶符號的0的處理：

NaN === NaN // false
+0 === -0 // true
-0 === +0 // true

==運算子

對於x == y，此運算子的比較步驟如下：

1、如果x和y的型別相同，傳回x === y的結果；

2、如果x是null ，y是undefined，回傳true；

3、如果x是undefined，y是null，回傳true；

4、如果x的型別是數字​​，y的型別是字串，傳回x == ToNumber(y)的結果；

5、如果x的型別是字串，y的型別是數字​​，回傳ToNumber(x) == y的結果；

6.如果x的類型是布林類型，則回傳ToNumber(x) == y的結果；

#7、如果y的類型是布林類型，則傳回x == ToNumber(y)的結果；

8、如果x的類型是字串、數字或Symbol中的一種，y的型別是對象，回傳x == ToPrimitive(y)的結果；

9、如果x的類型是對象，y的類型是字串、數字或Symbol中的一種，傳回ToPrimitive(x) == y的結果；

10、傳回false。

上面用到了方法ToNumber，ToNumber(x)的步驟如下：

#1、如果x的型別是Undefined，回傳NaN;

##2、如果x的型別是Null，返回0;

3、如果x的類型是布林類型，x為true回傳1，false回傳0；

4、如果x的類型是數字，則回傳x；

5、如果x的類型是字串，參考字串轉換為數字，本文不詳細介紹這塊內容；

6、如果x的類型是Symbol，返回NaN；

7、如果x的型別是對象，

a、讓primValue的值是ToPrimitive(x, hint Number)；

b、傳回ToNumber(primValue)的結果;

[] == ![]

上面講了==運算子的比較步驟，下面我們講一個例子加深下印象：

NaN === NaN // false
+0 === -0 // true
-0 === +0 // true
Object.is(NaN, NaN) // true
Object.is(+0, -0) // false
Object.is(-0, +0) // false

首先左邊的[]是空數組，型別是對象，右邊是![]，[]是真值，所以![]的結果是false：

[] == ![]

然後會走到x == y比較步驟的第7步，傳回x == ToNumber(y)的結果，也就是：

[] == ![] // => [] == false

由ToNumber(x)的第3步可知，ToNumber(false)回傳0：

[] == false // => [] == ToNumber(false)

然後走到x == y比較步驟的第9步，返回ToPrimitive(x) == y的比較結果：

[] == ToNumber(false) // => [] == +0

ToPrimitive([])的結果是空字串""，原因請查看文章ECMAScript7規格中的ToPrimitive抽像操作。所以，上面等價於：

[] == +0 // => ToPrimitive([]) == +0

然後走到x == y比較步驟的第5步，回傳ToNumber(x) == y的結果：

"" == +0 // => ToNumber("") == +0

由ToNumber操作的第5步可知，ToNumber("")的结果是+0，所以也就是：

+0 == +0 // true

{} == !{}

首先，左边是{}，类型是对象，右边是!{}，{}是真值，所以!{}是false：

{} == !{} // => {} == false

然后同样会走到x == y比较步骤的第7步，返回x == ToNumber(y)的结果，也就是：

{} == false // => {} == ToNumber(false)

由ToNumber(x)的第3步可知，ToNumber(false)返回+0：

{} == ToNumber(false) // => {} == +0

然后走到x == y比较步骤的第9步，返回ToPrimitive(x) == y的比较结果：

{} == +0 // => ToPrimitive({}) == +0

ToPrimitive({})的结果是字符串"[object Object]"，原因请查看文章ECMAScript7规范中的ToPrimitive抽象操作。所以，上面等价于：

"[object Object]" == +0

然后走到x == y比较步骤的第5步，返回ToNumber(x) == y的结果：

"[object Object]" == +0 // => ToNumber("[object Object]") == +0

由ToNumber操作的第5步可知，ToNumber("[object Object]")的结果是NaN，所以也就是：

NaN == +0 // false

所以，[] == ![]的结果是true，{} == !{}的结果是false。可能有人第一次看到[] == ![]的时候，觉得这个的比较结果怎么可能是true。我觉得有时候不要感性的去认识问题，按照规定的运算步骤走一遍，结果是什么就是什么。

总结

本文讲解了JavaScript中的三种相等运算：==，===和Object.js()，希望对大家有所帮助。

以上是詳解js中==、===以及Object.js()的內容（全面）的詳細內容。更多資訊請關注PHP中文網其他相關文章！