JavaScript中强制类型转换String与Number的方法-js教程-PHP中文网

javascript类型转换应避免隐式转换，推荐显式方法：number→string用string()或( ).tostring()，string→number依场景选number()、parseint()、parsefloat()或一元加号，并用number.isnan()或isfinite()校验有效性。

javascript中强制类型转换string与number的方法

JavaScript中强制类型转换String与Number，核心在于明确意图、避免隐式转换带来的意外结果。下面分场景说明常用且可靠的方法。

转为字符串（Number → String）

最安全的方式是调用 .toString() 或使用 String() 构造函数。

123.toString() 会报错（语法错误），因为点号会被解析为小数点；应写成 (123).toString() 或 123..toString()（两个点）
String(123) 更通用，能处理 null 和 undefined：返回 "null" 和 "undefined"
'' + 123 是常见隐式方式，但依赖加号的类型提升逻辑，不推荐用于关键逻辑

转为数字（String → Number）

根据输入是否严格、是否允许空格或前导零，选择不同方法：

Javascript Sdk

用于 inference.sh 的 JavaScript/TypeScript SDK，可运行 AI 应用、构建代理、集成 150+ 模型。包名：@inferencesh/sdk（npm install），完整 TypeScript 支持。

下载

Number("123")：直接转换，遇到非法字符（如 "123abc"）返回 NaN；空字符串转为 0
parseInt("123px", 10)：按指定进制解析整数，忽略后续非数字字符；务必传入第二个参数 10，否则以 0 开头可能被当八进制（如 "010" → 8）
parseFloat("3.14px")：解析浮点数，支持小数点和科学计数法，同样忽略尾部无效字符
+"123"（一元加号）：简洁，但对空字符串、空白字符串返回 0，+" 42 " 可成功（自动 trim）；+"abc" 得 NaN

判断转换是否成功

单纯检查是否为 NaN 不能用 == 或 ===（因为 NaN !== NaN），应使用：

isNaN(value)：会先尝试转为数字，再判 NaN（如 isNaN("abc") → true）
Number.isNaN(value)：更严格，只对已经是 NaN 的值返回 true，不进行类型转换
结合 typeof 和 isFinite() 可更精准识别“有效数字”：typeof x === 'number' && isFinite(x)

注意边界情况

一些容易出错的细节需留意：

Number("") → 0，而 parseInt("") → NaN
Number(" ")（纯空格）→ 0；parseInt(" ") → NaN
Number("0x10") → 16（识别十六进制）；parseInt("0x10") 默认也识别，但显式写 parseInt("0x10", 16) 更清晰
new Number(42).toString() 返回 "42"，但 typeof new Number(42) 是 "object"，避免用构造函数创建包装对象