「前端每日一问(6)」== 和 ===有什么区别,分别在什么情况使用?

1,183 阅读2分钟

Offer 驾到,掘友接招!我正在参与2022春招打卡活动,点击查看活动详情

本题难度:⭐

难度评级最高五星,最低一星。

答:

  • === 为全等(严格相等)操作符,用来比较两个变量的值和类型是否完全相等
  • == 为等于操作符,在比较中会先进行隐式类型转换,再确定操作数是否相等
1 == '1'   // true
1 === '1'  // false

== 运算符

== 运算符做隐式类型转换有如下规则

  • 规则1:NaN 和其他任何类型比较永远返回 false(包括和他自己)。
NaN == NaN // false
  • 规则2:Boolean 和其他任何类型比较,Boolean 首先被转换为 Number 类型。
true == 1          // true 
true == '2'        // false, 先把 true 变成 1,再参考规则3
true == ['1']      // true, 先把 true 变成 1, ['1']拆箱成 '1', 再参考规则3
true == ['2']      // false, 同上
undefined == false // false ,首先 false 变成 0,然后参考规则4
null == false      // false,同上
  • 规则3:String 和 Number 比较,先将 String 转换为 Number 类型。
123 == '123' // true, '123' 会先变成 123
'' == 0      // true, '' 会首先变成 0
  • 规则4: null == undefined 比较结果是 true ,除此之外,null、undefined 和其他任何结果的比较值都为 false。
null == undefined // true
null == '' // false
null == 0 // false
null == false // false
undefined == '' // false
undefined == 0 // false
undefined == false // false
  • 规则5:原始类型引用类型做比较时,引用类型会依照 ToPrimitive 规则转换为原始类型。
'[object Object]' == {} 
// true, 对象和字符串比较,对象通过 toString 得到一个基本类型值
'1,2,3' == [1, 2, 3] 
// true, 同上  [1, 2, 3]通过 toString 得到一个基本类型值
  • 规则6:两个都为引用类型,则比较它们是否指向同一个对象
let obj1 = { name: 'lin' }
let obj2 = { name: 'lin' }
obj1 == obj2    // false

let obj3 = { name: 'lin' }
let obj4 = obj3
obj3 == obj4    // true

=== 运算符

全等操作符由 3 个等于号( === )表示,只有两个操作数在不转换的前提下相等才返回 true。即类型相同,值也相同。

100 === 100   // true
100 === '100' // false

null === undefined // false

判断两个变量是否相等,基本上所有的情况下,都是用的 ===,eslint 也有相关规则(eqeqeq)来约束。

直接放弃 == ,永远只用 === 是最好的选择。

扩展阅读:在JavaScript中什么情况下使用==是正确的?

结尾

这是阿林持续更文的第33天,输出洞见技术,再会~

上一篇:

「前端每日一问(5)」typeof null 的结果是什么?为什么?

下一篇:

「前端每日一问(7)」JavaScript中有哪些数据类型?