JavaScript宽松相等对比整数与含非数字字符串返回true的原因是什么

你遇到的是弱类型语言（以JavaScript为例）中宽松相等运算符==的隐式类型转换规则导致的结果，具体执行逻辑符合ECMAScript语言规范的定义：

核心转换规则 #

当==两侧分别为数字类型和字符串类型的值时，会先将字符串通过ToNumber抽象操作转换为数字，再对两个数字做相等比较。
而ToNumber转换字符串的规则为：从字符串首位开始匹配合法的数字字符（支持正负号、小数点、科学计数法标识），匹配到非法字符时立刻停止，返回此前匹配到的数字结果；如果首位就不是合法数字字符，返回NaN。

示例拆解 #

对应你给出的代码片段，执行流程如下：

• 计算2 == '2abd'：
  1. 触发类型转换规则，将字符串'2abd'转数字
  2. 解析字符串时，首字符2是合法数字，下一个字符a非法，停止解析，得到转换结果2
  3. 最终比较2 == 2，返回true
• 计算3 == '3a'：
  1. 触发类型转换规则，将字符串'3a'转数字
  2. 解析字符串时，首字符3是合法数字，下一个字符a非法，停止解析，得到转换结果3
  3. 最终比较3 == 3，返回true

避坑建议 #

为了避免这类隐式转换导致的业务bug，推荐遵循以下编码规范：

• 优先使用严格相等运算符===，该运算符不会触发隐式类型转换，会同时校验值和类型，例如2 === '2abd'会直接返回false，符合直觉
• 如果确实需要转换类型后比较，建议手动显式做类型转换后再用严格相等判断，逻辑更透明，也方便后续排查问题，例如2 === Number('2abd')

内容的提问来源于stack exchange，提问作者c1u31355