== 和 === 有什么区别?

==用于一般比较,===用于严格比较,==在比较的时候可以转换数据类型,===严格比较,只要类型不匹配就返回flase

先来看看 == 这兄弟:

强制是将值转换为另一种类型的过程。在这种情况下,==会执行隐式强制。在比较两个值之前,==需要执行一些规则。

假设我们要比较x == y的值。

  1. 如果xy的类型相同,则 JS 会换成===操作符进行比较。
  2. 如果xnullyundefined,则返回true
  3. 如果xundefinedynull,则返回true
  4. 如果x的类型是numbery的类型是string,那么返回x == toNumber(y)
  5. 如果x的类型是stringy的类型是number,那么返回toNumber(x) == y
  6. 如果x为类型是boolean,则返回toNumber(x)== y
  7. 如果y为类型是boolean,则返回x == toNumber(y)
  8. 如果xstringsymbolnumber,而yobject类型,则返回x == toPrimitive(y)
  9. 如果xobjectystringsymbol则返回toPrimitive(x) == y
  10. 剩下的 返回 false

注意:toPrimitive首先在对象中使用valueOf方法,然后使用toString方法来获取该对象的原始值。

举个例子。

x y x == y
5 5 true
1 ‘1’ true
null undefined true
0 false true
‘1,2’ [1,2] true
‘[object Object]’ {} true

这些例子都返回true

第一个示例符合条件1,因为xy具有相同的类型和值。

第二个示例符合条件4,在比较之前将y转换为数字。

第三个例子符合条件2

第四个例子符合条件7,因为yboolean类型。

第五个示例符合条件8。使用toString()方法将数组转换为字符串,该方法返回1,2

最后一个示例符合条件8。使用toString()方法将对象转换为字符串,该方法返回[object Object]

x y x === y
5 5 true
1 ‘1’ false
null undefined false
0 false false
‘1,2’ [1,2] false
‘[object Object]’ {} false

如果使用===运算符,则第一个示例以外的所有比较将返回false,因为它们的类型不同,而第一个示例将返回true,因为两者的类型和值相同。

具体更多规则可以对参考我之前的文章:

我对 JS 中相等和全等操作符转化过程一直很迷惑,直到有了这份算法

1. 本站关注web前端开发,分享前端经验和技巧!
2. 喜欢本站的朋友可以收藏(Ctrl + D)本站!
3. 加入QQ群:565733884,我们大家一起来交流技术!
码云笔记 » == 和 === 有什么区别?

发表评论

提供最优质的资源集合

立即查看 了解详情