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

三、二者的区别

   “==”和“!=”会强制转换对比的操作数类型然后再比对,“===” 和 “!==”是在两个操作数未经转换就直接比对,由于相等和不相等操作符存在类型转换问题,为保持代码中数据类型的完整性,一般推荐使用全等和不全等操作符。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。