类型转换_JS隐式转换规则

JavaScript中的隐式类型转换是指在运算时自动转换数据类型,常见于使用+、==等操作符时,如字符串与数字相加会转为字符串拼接,==比较时会进行类型 coercion。

JavaScript 中的隐式类型转换是指在运算过程中,语言自动将一种数据类型转换为另一种类型。这种转换通常发生在使用操作符(如 +、==、

1. 转换为字符串

当使用 + 操作符且其中一边是字符串时,JS 会尝试将另一边也转换为字符串:

  • 'hello' + 1 → 'hello1'
  • 2 + '3' → '23'
  • true + 'test' → 'truetest'

只要有一个操作数是字符串,+ 就执行字符串拼接,而不是数学加法。

2. 转换为数字

在多数数学运算中(如 -、*、/、%),JS 会尝试将操作数转换为数字:

  • '5' - 2 → 3(字符串 '5' 被转为数字)
  • '6' * '3' → 18
  • true + 1 → 2(true 转为 1)
  • false - 1 → -1(false 转为 0)

无法转换的值会变成 NaN:

  • 'abc' * 2 → NaN

3. 转换为布尔值

在条件判断或逻辑操作中,非布尔值会被转换为布尔值。以下值被视为 false:

  • false, 0, '', null, undefined, NaN

其余都视为 true:

  • !!'hello' → true
  • !![] → true(空数组也是 true)
  • !!{} → true(空对象也是 true)

4. == 运算符的隐式转换

使用 == 时,JS 会尝试进行类型转换后再比较:

  • 5 == '5' → true(字符串转为数字)
  • null == undefined → true
  • 0 == false → true(都转为数字 0)
  • [] == false → true([] 转为空字符串,再转为 0)

注意:=== 不进行类型转换,推荐使用 === 避免意外结果。

5. 对象转原始值

当对象参与运算时,JS 会调用其 valueOf()toString() 方法转换为原始值:

  • [] + '' → ''(空数组 toString 为 '')
  • {} + '' → '[object Object]'(对象默认 toString)
  • [1,2] + '3' → '1,23'(数组转为 '1,2')

具体调用哪个方法取决于上下文,但通常先 valueOf,后 toString。

基本上就这些常见的隐式转换场景。掌握它们能帮助你更准确地预测代码行为,减少 bug。建议多用 === 和显式转换(如 Number()、String())来提高代码可读性。