JS中的相等性判斷===, ==, Object.is()
阿新 • • 發佈：2019-11-15
首發地址
相信剛接觸JS的人都會被他的想等性判斷給整糊塗，看看下面程式碼，你能答對幾個？
NaN === NaN // false
NaN == NaN // false
Object.is(NaN, NaN) // true
0 == false // true
1 == true // true
Number(null) === 0 // true
null == 0 // falseJavascript提供了三種不同的值比較操作，分別是嚴格相等、寬鬆相等、以及Object.is，今天查完資料後做了一下總結，希望下面的內容能夠對大家有所幫助，如果哪些地方有誤的話，也歡迎大家指正。
1. 嚴格相等 x === y判斷邏輯
- 如果x的資料型別和y的資料型別不相同，返回false；
- 如果x是Number型別
- x是NaN，返回false
- y是NaN，返回false
- x的值和y的值相等，返回true
- x是+0，y是-0，返回true
- x是-0，y是+0，返回true
- 否則返回false
- 其他型別參照SameValueNonNumber(x, y)
- 斷言：x,y不是Number型別;
- 斷言: x,y的資料型別相同;
- x是undefined, y是undefined return true;
- x是null, y是null,return true;
- x是字串型別,當且僅當x,y字元序列完全相同時（長度相同，每個位置上的字元也相同）返回true, 否則返回false；
- 如果x是布林型別，當x,y都為true或者都為false時返回true，否則返回false；
- 如果x是symbol型別，當x,y是相同的symbol值，返回true，否則返回false;
- 如果x,y是同一個物件值，返回true，否則返回false;
NaN === NaN // false
undefined === undefined // true
null === null // true
undefined === null // false2. 寬鬆相等 x == y
- 如果x,y的型別相同，返回x===y的結果；
- 如果x是null, y是undefined， 返回true;
- 如果x是undefined, y是null, 返回true;
- 如果x是數值，y是字串, 返回x == ToNumber(y);
- 如果x是字串，y是數值, 返回ToNumber(x) == y;
- 如果x是布林型別， 返回ToNumber(x)==y 的結果;
- 如果y是布林型別，返回 x==ToNumber(y) 的結果；
- 如果x是String或Number或Symbol中的一種並且Type(y)是Object，返回 x==ToPrimitive(y) 的結果
- 如果Type(x)是Object並且Type(y)是String或Number或Symbol中的一種，返回 ToPrimitive(x)==y 的結果
- 其他返回false
12 == '0xc' // true, 0xc是16進位制
12 == '12' // true
12 == '12c' // false, 說明ToNumber轉換是用的Number()方法注意：
Number(null) === 0
但是
null == 0 // false,
2.1 ToNumber將一個值轉換為數值型別
詳情參考數值型別轉換
- 如果是boolean型別， true返回1，false返回0；
- 如果是數值，只是簡單的傳入返回；
- 如果是null，返回0
- 如果是undefined, 返回NaN;
- 如果是字串，字串如果只包含數字，則將其轉換成十進位制數；如果是有效的浮點格式，將其轉換成對應的浮點數值；如果是二進位制或十六進位制將其轉換成對應的十進位制數值；
- 如果是物件，呼叫物件的valueOf()方法，然後依照前面規則轉換，如果valueOf返回值是NaN，則呼叫toString()方法，再依照前面的規則轉換返回的字串
2.2 ToPrimitive
toPrimitive(A)通過嘗試呼叫 A 的A.toString() 和 A.valueOf() 方法，將引數 A 轉換為原始值（Primitive）；
JS中原始型別有：Number、String、Boolean、Null、Undefined;
不同型別物件的valueOf()方法的返回值:
| 物件 | 返回值 |
|---|---|
| Array | 返回陣列物件本身。 |
| Boolean | 布林值 |
| Date | 儲存的時間是從 1970 年 1 月 1 日午夜開始計的毫秒數 UTC |
| Function | 函式本身 |
| Number | 數字值 |
| Object | 物件本身。這是預設情況, 可以覆蓋自定義物件的valueOf方法 |
| String | 字串值 |
// Array：返回陣列物件本身
var array = ["ABC", true, 12, -5];
console.log(array.valueOf() === array); // true
// Date：當前時間距1970年1月1日午夜的毫秒數
var date = new Date(2013, 7, 18, 23, 11, 59, 230);
console.log(date.valueOf()); // 1376838719230
// Number：返回數字值
var num = 15.26540;
console.log(num.valueOf()); // 15.2654
// 布林：返回布林值true或false
var bool = true;
console.log(bool.valueOf() === bool); // true
// new一個Boolean物件
var newBool = new Boolean(true);
// valueOf()返回的是true，兩者的值相等
console.log(newBool.valueOf() == newBool); // true
// 但是不全等，兩者型別不相等，前者是boolean型別，後者是object型別
console.log(newBool.valueOf() === newBool); // false
// Function：返回函式本身
function foo(){}
console.log( foo.valueOf() === foo ); // true
var foo2 = new Function("x", "y", "return x + y;");
console.log( foo2.valueOf() );
/*
ƒ anonymous(x,y
) {
return x + y;
}
*/
// Object：返回物件本身
var obj = {name: "張三", age: 18};
console.log( obj.valueOf() === obj ); // true
// String：返回字串值
var str = "http://www.xyz.com";
console.log( str.valueOf() === str ); // true
// new一個字串物件
var str2 = new String("http://www.xyz.com");
// 兩者的值相等，但不全等，因為型別不同，前者為string型別，後者為object型別
console.log( str2.valueOf() === str2 ); // false3.同值相等
同值相等由 Object.is 方法判斷：
- 兩個值都是 undefined
- 兩個值都是 null
- 兩個值都是 true 或者都是 false
- 兩個值是由相同個數的字元按照相同的順序組成的字串
- 兩個值指向同一個物件
- 兩個值都是數字並且
- 都是正零 +0，
- 或者都是負零 -0，
- 或者都是 NaN
- 都是除零和 NaN 外的其它同一個數字
Object.is('foo', 'foo'); // true
Object.is(window, window); // true
Object.is('foo', 'bar'); // false
Object.is([], []); // false
var foo = { a: 1 };
var bar = { a: 1 };
Object.is(foo, foo); // true
Object.is(foo, bar); // false
Object.is(null, null); // true
Object.is(true, 'true') // false
// 特例
Object.is(0, -0); // false
Object.is(0, +0); // true
Object.is(-0, -0); // true
Object.is(NaN, 0/0); // true4.零值相等
與同值相等類似，不過會認為 +0 與 -0 相等。
小結
- === 不做型別轉換，當兩邊的數型別不相同時，直接返回false；當前型別相同且都是數值型別的時候，有一個是NaN，那麼結果就是false, 另外 +0 === -0
- ==運算子，當兩邊運算元類不相同時會做隱式轉換，然後才進行比較，這樣的話就會出現 false == 0, '' == false 等現象， 但是Object.is不會做這種轉換