相信剛接觸JS的人都會被他的相等性判斷給整糊塗,看看下面程式碼,你能答對幾個?
NaN === NaN // false NaN == NaN // false Object.is(NaN, NaN) // true 0 == false // true 1 == true // true Number(null) === 0 // true null == 0 // false
Javascript提供了三種不同的值比較操作,分別是嚴格相等、寬鬆相等、以及Object.is,今天查完資料後做了一下總結,希望下面的內容能夠對大家有所幫助,如果哪些地方有誤的話,也歡迎大家指正。
【相關課程推薦:##JavaScript影片教學#】
##1.嚴格相等x === y判斷邏輯1. 如果x的資料型別和y的資料型別不相同,回傳false;
2. 如果x是Number型別
● x是NaN,回傳false
● y是NaN,回傳false
● x的值和y的值相等,回傳true
● x是0,y是-0,回傳true
● x是-0,y是0,回傳true
##● 否則回傳false3.其他類型參照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 // false
1. 如果x,y的型別相同,回傳x===y的結果;2. 如果x是null, y是undefined, 回傳true;
3. 如果x是undefined, y是null, 回傳true;
#4. 如果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是String或Number或Symbol中的一種且Type(y)是Object,回傳x==ToPrimitive(y) 的結果
9. 如果Type(x)是Object並且Type (y)是String或Number或Symbol中的一種,回傳ToPrimitive(x)==y 的結果
10. 其他回傳false
12 == '0xc' // true, 0xc是16进制 12 == '12' // true 12 == '12c' // false, 说明ToNumber转换是用的Number()方法
注意:
Number(null) === 0
但是
null == 0 // false,
2.1 ToNumber將一個值轉換為數值類型1. 如果是boolean類型, true回傳1,false回傳0;
2. 如果是數值,只是簡單的傳入回傳;
3. 如果是null,回傳0
4. 如果是undefined, 回傳NaN;
#5. 如果是字串,字串如果只包含數字,則將其轉換成十進制數;如果是有效的浮點格式,將其轉換成對應的浮點數值;如果是二進位或十六進制將其轉換成對應的十進制數值;
6. 如果是對象,呼叫對象的valueOf()方法,然後依照前面規則轉換,如果valueOf傳回值是NaN,則呼叫toString()方法,再依照前面的規則轉換回傳的字串
2.2 ToPrimitivetoPrimitive(A)透過嘗試呼叫A 的A.toString() 和A.valueOf() 方法,將參數A 轉換為原始值(Primitive);
JS中原始型別有:Number、String、Boolean、Null、Undefined;
不同型別物件的valueOf()方法的傳回值:
#傳回值 | |
---|---|
傳回數組物件本身。 | |
布林值 | |
儲存的時間是從1970 年1 月1日午夜開始計的毫秒數UTC | |
函數本身 | |
數字值 | |
物件本身。這是預設情況, 可以覆寫自訂物件的valueOf方法 |
// 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 ); // false
3.同值相等
同值相等由 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); // true
4.零值相等
与同值相等类似,不过会认为 +0 与 -0 相等。
小结
=== 不做类型转换,当两边的数类型不相同时,直接返回false;当前类型相同且都是数值类型的时候,有一个是NaN,那么结果就是false, 另外 +0 === -0
==运算符,当两边操作数类不相同时会做隐式转换,然后才进行比较,这样的话就会出现 false == 0, '' == false 等现象, 但是Object.is不会做这种转换
本文来自 js教程 栏目,欢迎学习!
以上是js中相等判斷===、==、Object.is()的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!