js相等操作符

   最近在牛客刷题，发现一连好几道关于js判断是否相等的题，所以我决定探索一下它的奥秘，希望大家不喜勿喷，如有解释不对的地方，请各位路过的大神指出，谢谢！！！那就开始吧！

一、关于“==”和“!=”

1、特性

  “==”是相等运算符，用来检测两个操作数是否相等，如果两个操作数相等则返回true；
  “!=”是不相等运算符，用来检测两个操作数是否不相等，如果两个操作数不相等则返回true；

注：“==”和“!=”都会先转换操作数（即强制转型），然后再比较它们的相等性。

2、“==”和“!=”在转换不同数据类型时遵循以下规则

（1）如果有一个值为布尔值，则在比较前先将其转为数值，其中：false转为0，true转为1；

例：

false == 0        // true
true == 1         // true
true == 2         // false
[] == true        // false （"[]"转为布尔值时为0）

（2）如果一个操作数是字符串，另一个操作数为数值，在比较相等前先将字符串转换为数值；

例：

“1” == 1           // true

（3）如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值按照前面的规则进行比较。

例：

let arr = [] ;
console.log(arr == 0)             //true（arr.valueOf()为[]，[]转为数字是0，所以相等）

3、“==”和“!=”在比较时需遵循以下规则

（1）null和undefined是相等的；

例：

null == undefined                   // true

（2）要比较相等性之前，不能将null和undefined转换成其他任何值；

例：

null == 0                            // false
undefined ==   0                     // false

（3）如果有一个操作数是NAN，则“==”返回false，“!=”返回true；

注：即使两个操作数都为NAN，因为按照规则NAN不等于NAN,所以“==”也返回false。
例：

“NAN” == NAN                      // false
NAN == NAN                        // false
NAN != NAN                        // true
1 == NAN                          // false

（4）如果两个操作数都是对象，则比较它们是不是同一个对象。如果二者都指向同一个对象，则“==”返回true，否则返回false。

例：

let aa = [];
let bb = [];
console.log(aa == bb)         // false

let aa = [] ;
let bb = aa; 
console.log(bb)                   // []
console.log(aa == bb)         // true

let aa = [];
let bb = [...aa];
console.log(bb)                   // []
console.log(aa == bb)         // false

let arr = [];
let arr2 = JSON.parse(JSON.stringify(arr));
console.log(arr2)                 // []
console.log(arr == arr2)         // false

4、列举可能帮到你的表达式

!!String("")               // true
!!Boolean("")              // false
!!Number("")               // true
 
!!Boolean([])              // true
!!String([])               // false
!!Number([])               // false
 
!!String(0)                 // true  被转为字符串"0"
!!Number(0)                 // false
!!Boolean(0)                // false

注：
[] 转为字符串是 "" // String([]) 返回""
[] 转为数字是 0 // Number([]) 返回0
[] 转为布尔值是 true // Boolean([]) 返回true
true 转为数字是 1 // Number(true) 返回1
false 转为数字是 0 // Number(false) 返回0

17841596341183_.pic.jpg

二、关于“===” 和 “!==”

   “===”是严格运算符，称为全等操作符，用来检测两个操作数是否严格相等，如果类型不同，直接就是false；它只在两个操作数未经转换就相等的情况下返回true。
   “!==”是严格运算符，称为不全等操作符，用来检测两个操作数是否严格不相等，它只在两个操作数未经转换就不相等的情况下返回false。

例：

1 === '1'                       // false
1 !== '1'                       // true
null === undefined              // false

三、二者的区别

   “==”和“!=”会强制转换对比的操作数类型然后再比对，“===” 和 “!==”是在两个操作数未经转换就直接比对，由于相等和不相等操作符存在类型转换问题，为保持代码中数据类型的完整性，一般推荐使用全等和不全等操作符。