本文系统梳理 JavaScript 中基本数据类型的转换机制，涵盖 Number、String 和 Boolean 三种显式转换方法及其参数细节。重点解析隐式转换场景，包括算术运算、字符串拼接及条件判断中的类型自动转换规则，并明确 null、undefined 及各类假值的处理逻辑，帮助开发者避免常见的类型陷阱。
前言
在前端开发实践中，数据类型转换是高频出现的操作。JavaScript 中的类型转换主要涉及三种情形：
- 转换为数字类型（通常调用 Number()、parseInt() 或 parseFloat() 方法）
- 转换为字符串类型（通常调用 .toString() 或 String() 方法）
- 转换为布尔类型（通常调用 Boolean() 方法）
需要特别留意的是，null 和 undefined 这两个值不具备 .toString() 方法，因此无法通过该方法进行转换。
转换为数字
Number(string) 方法
Number() 函数可将任意类型的值转换为数字。若目标对象（通常为字符串）中包含非数字字符，则该函数将返回 NaN。
Number('1') // 1
Number(true) // 1
Number('123s') // NaN
Number({}) //NaN
parseInt(string, radix)
该函数用于解析字符串，并返回指定进制基数下的十进制整数。其中 radix 参数为 2 至 36 之间的整数，用于指定被解析字符串的基数。
parseInt('2') //2
parseInt('2',10) // 2
parseInt('2',2) // NaN
parseInt('a123') // NaN 如果第一个字符不是数字或者符号就返回NaN
parseInt('123a') // 123
parseFloat(string)
该函数用于解析参数，并返回一个浮点数。
parseFloat('123a') //123
parseFloat('123a.01') //123
parseFloat('123.01') //123.01
parseFloat('123.01.1') //123.01
隐式转换
let str = '123'-str// -123str+1 // '1231'+str+1 // 124let res = str - 1 //122let str = '123'
-str // -123
str+1 // '1231'
+str+1 // 124
let res = str - 1 //122
转换为字符串
toString()
此方法用于将目标对象转换为字符串形式。
注意：null 和 undefined 类型不能调用此方法。
Number(123).toString() //'123'
[].toString() //''
true.toString() //'true'
String()
String() 函数的功能较为全面，它能够将传入的任何值转换为字符串。
String(123) //'123'
String(true) //'true'
String([]) //''
String(null) //'null'
String(undefined) //'undefined'
String({}) //'[object Object]'
隐式转换
当加法运算符（+）的一侧为字符串，另一侧为其他类型时，JavaScript 会先将非字符串类型转换为字符串，然后执行字符串拼接操作，最终返回字符串结果。
let a = 1
a + '' // '1'
转换为布尔值
Boolean()
Boolean() 函数会将以下特定值转换为 false：
- 0
- “”
- null
- undefined
- NaN
除上述值以外的所有其他值均会被转换为 true。
Boolean('') //false
Boolean(0) //false
Boolean(1) //true
Boolean(null) //false
Boolean(undefined) //false
Boolean(NaN) //false
Boolean({}) //true
Boolean([]) //true
条件语句
在编写条件语句时，我们通常不主动进行布尔类型的转换。
let a
if(a) {
//... //这里a为undefined，会转为false，所以该条件语句内部不会执行
}
隐式转换
let str = '111'
console.log(!!str) // true
总结
以上是对 JavaScript 基本数据类型转换相关知识的总结，其中最需要关注的是隐式转换机制。
本文到此结束，希望能为读者提供帮助，也欢迎持续关注本站获取更多内容！