JavaScript:== 和 ===

本文深入解析JavaScript中的类型比较规则,包括==与===的区别,以及ToPrimitive算法如何在对象与基本类型值之间进行转换。通过具体实例说明不同类型的值在比较时的转换过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

==

标准中的==写的十分复杂,但是归根结底只有三条运算规则:

  • undefined与null相等
  • 字符串和bool都转为数字再比较
  • 对象转换成primitive类型再比较(对象如果转换成了primitive类型跟等号另一边的类型恰好相同,则不需要转换成数字)

这样我们就可以理解一些不太符合直觉的例子了:

false == '0'  // true
true == 'true'  // false
[] == 0  // true
[] == false  // true
false == new Boolean('false')  // true

此外,==的行为也经常跟if的行为(转换为boolean)混淆。

  • 建议仅在确认==发生在Number和String类型之间时使用。

ToPrimitive 算法
JavaScript 对象转换到基本类型值时,会使用 ToPrimitive 算法,这是一个内部算法(拆箱转换),是编程语言在内部执行时遵循的一套规则。

这里来解析一道题目[] == ![] // true,下面是这个表达式为何为 true 的步骤

// 右边
// [] 转成 true,然后取反变成 false
[] == false

[] == ToNumber(false)
[] == 0
// 左边
ToPrimitive([]) == 0
// [].toString() -> ''
'' == 0

0 == 0 // -> true

拆箱转换会尝试调用 valueOf 和 toString 来获得拆箱后的基本类型。如果valueOf 和 toString都不存在,或者没有返回基本类型,则会产生TypeError。

转换规则:
如果是object,先调用valueOf,再调用toString;
如果是string,先调用toString,再调用valueOf,
具体可以看我的博客浅析JavaScript语言类型

===

严格相等运算符,首先计算其操作数的值,然后比较这两个值,比较过程没有任何类型转换。

  • 全等操作符比较两个值是否相等,两个被比较的值在比较前都不进行隐式转换。
  • 如果两个被比较的值具有不同的类型,这两个值是不全等的。
  • 如果两个被比较的值类型相同,值也相同,并且都不是 number 类型时,两个值全等。
  • 如果两个值都是 number 类型,当两个都不是 NaN,并且数值相同,或是两个值分别为 +0 和 -0 时,两个值被认为是全等的。

简单点记:值和类型相同时,两个值被认为全等。NaN不等于它自身。+0 和 -0 全等。

在日常中使用全等操作符几乎总是正确的选择。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值