JavaScript中的Object.is()、==和===

446 阅读3分钟

Object.is()、=====都可以用来判断两项数据是否相等,但这三者在使用上仍然存在差异,特此记录。

Object.is()

使用方法:

Object.is(value1, value2);

备注:value1和value2是两个需要比较的数据。

总结:满足以下条件的比较结果是true,否则为false:

  1. 两个值都是null、undefined、true、false。
  2. 两个值都是由相同个数且按照相同的顺序组成的字符串。
  3. 两个值指向同一个对象(需要是同一个堆地址)。
  4. 两个值都是数字,并且相等(+0和-0不相等,NaN和NaN是相等的)。

举例如下:

Object.is('donna', 'donna');     // true
Object.is(window, window);   // true
 
Object.is('leo', 'donna');     // false
Object.is([], []);           // false
Object.is({},{});   //false
 
var obj= { a: 1 };
Object.is(obj, obj);       // true
 
Object.is(null, null);       // true
Object.is(undefined, undefined);       // true
 
// 特例
Object.is(0, -0);            // false
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true

备注 :Object.is({},{}); //false的分析可点击链接查看

==

总结:满足以下条件的比较结果是true,否则为false:

1.如果两个值具有相同的类型,那么就检测它们的等同性。如果这两个值完全相同,它们就相等。如果它们不完全相同,则它们不相等。

2.如果两个值的类型不同,它们仍然可能相等。用下面的规则和类型转换来检测它们的相等性 ◦如果一个值是null,另一个值是undefined,它们相等。

  1. 如果一个值是数字,另一个值是字符串,把字符串转换为数字,再用转换后的值进行比较。
  2. 如果一个值为true,将它转化为1,再进行比较。如果一个值为false,把它转化为0,再进行比较。
  3. 如果一个值是对象,另一个值是数字或字符串,将对象转换成原始类型的值,再进行比较。

举例如下:

console.log(num)
console.log([123] == 123); //true
console.log({} == {}); //false
console.log(null == null); //true
console.log(null == undefined); //true
console.log(false == 0); //true
console.log(true == 1); //true
console.log(NaN == NaN); //false
console.log(0 / NaN == 0 / NaN); //false
console.log(0 / 0 == 0 / 0); //false
===

总结:满足以下条件的比较结果是true,否则为false:

  1. 如果两个值的类型不同,它们就不相同。
  2. 如果两个值是数字,而且值相同,那么除非其中一个或两个都是NaN(这种情况它们不是等同的),否则它们是等同的。值NaN永远不会与其他任何值等同,包括它自己。
  3. 如果两个值都是字符串,而且在字符串中同一位置上的字符完全相同,那么它们就完全等同。如果字符串的长度或内容不同,它们就不是等同的。
  4. 如果两个值都是布尔型true,或者两个值都是布尔型false,那么它们等同。
  5. 如果两个值引用的是同一个对象、数组或函数,那么它们完全等同。如果它们引用的是不同的对象(数组或函数),它们就不完全等同,即使这两个对象具有完全相同的属性,或两个数组具有完全相同的元素。
  6. 如果两个值都是null或都是undefined,它们完全相同。

举例如下:

console.log([123] === 123); //false
console.log({} === {}); //false
console.log(null === null); //true
console.log(null === undefined); //false
console.log(false === 0); //false
console.log(true === 1); //false
console.log(NaN === NaN); //false
console.log(0 / NaN === 0 / NaN); //false
console.log(0 / 0 === 0 / 0); //false

文章转载自其他平台,本篇仅做学习记录,文章原处