JS中==、===和Object.is()的区别

时间：2021-07-24 01:57:13

JS中、=和Object.is()的区别

首先，先粗略了解一下这三个玩意儿：

  • ==：等同，比较运算符，两边值类型不同的时候，先进行类型转换，再比较；
  • ===：恒等，严格比较运算符，不做类型转换，类型不同就是不等；
  • Object.is()是ES6新增的用来比较两个值是否严格相等的方法，与===的行为基本一致。

下面分别详细说明一下这三个玩意儿：

1.先说===，这个比较简单，只需要利用下面的规则来判断两个值是否恒等就行了：

如果类型不同，就不相等

如果两个都是数值，并且是同一个值，那么相等； 

值得注意的是，如果两个值中至少一个是NaN，那么不相等（判断一个值是否是NaN，可以用isNaN()或Object.is()来判断）。

如果两个都是字符串，每个位置的字符都一样，那么相等；否则不相等。

如果两个值都是同样的Boolean值，那么相等。

如果两个值都引用同一个对象或函数，那么相等，即两个对象的物理地址也必须保持一致；否则不相等。

如果两个值都是null，或者都是undefined，那么相等。

2. 再说Object.is()，其行为与===基本一致，不过有两处不同：

  • +0不等于-0。
  • NaN等于自身。

举个栗子☺：

+0 === -0 //true

NaN === NaN // false

Object.is(+0, -0) // false

Object.is(NaN, NaN) // true

3. 最后说==，根据以下规则来进行判断：

  • 如果两个值类型相同，进行===比较。
  • 如果两个值类型不同，那么他们可能相等。根据下面规则进行类型转换，然后再比较：
  • 如果一个是null、一个是undefined，那么相等。
  • 如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。
  • 如果任一值是true，把它转换成 1 再比较；如果任一值是false，把它转换成 0 再比较。
  • 如果一个是对象，另一个是数值或字符串，把对象转换成基础类型的值再比较。对象转换成基础类型，利用它的toString或者valueOf方法。
  • JS的核心内置类，会尝试valueOf先于toString；但有一个是例外——Date，Date利用的是toString转换。
  • 非JS核心的对象，令说（比较麻烦，我也不大懂）。
  • 任何其他组合，都不相等。

举个栗子☺：

"1" == true：类型不等，true 会先转换成数值 1 ，现在变成 “1” == 1 ，再把 “1” 转换成 1 ，比较 1 == 1 ， 相等。

总结

=：赋值运算符。

==：等于。

===：严格等于。

Object.is()：加强版严格等于。

例：

var a = 3;

var b = "3";

a==b;    // true

a===b;   // false，因为a，b的类型不一样

Object.is( a, b );  //false，因为a，b的类型不一样

最后来个实战例子吧

体会一下ES6中的这个新特性是不是爽歪歪~~

// 2. 找出数组中的所有数字，并把结果进行累加，请写出对应的程序

let arr = ['m', '', 1, NaN, 20, 3, '20px', 56, 18, Infinity];

let r4 = arr.reduce((result,item,index,self)=>{

    if (!Object.is(item,'') && !Object.is(item,NaN) && !Object.is(item,Infinity) && typeof item === 'number'){

        return result + item

    }else{

        return result

    }

},0)

console.log(r4);

相关文章