JavaScript数值进制转换parseInt与parseFloat细节

1次阅读

JavaScript 进制转换核心是 parseInt（支持 radix 参数），parseFloat 仅处理十进制浮点数且不支持进制；parseInt 按 radix 解析开头有效数字，自动识别 0x/0b/0o 前缀，而 parseFloat 遇非法字符即停并返回 NaN。

JavaScript 数值进制转换 parseInt 与 parseFloat 细节

JavaScript 中进制转换的核心是 parseInt，而parseFloat 只处理十进制浮点数，不支持进制参数——这是最常被误解的关键点。

parseInt 的进制解析逻辑

parseInt(string, radix)按指定进制（radix）解析字符串开头的有效数字部分，遇到非法字符即停止，忽略后续内容。radix 为 2–36 之间的整数，常用 10、16、8、2；若省略 radix，JS 会根据前缀自动推断：“0x”或“0X”→十六进制，“0o”或“0O”→八进制，“0b”或“0B”→二进制，其他→十进制（注意：ES5 之前“0”开头曾被当作八进制，但已废弃，现代引擎默认按十进制处理无前缀的“0”开头字符串，除非显式指定 radix）。

parseInt("1010", 2) → 10（二进制转十进制）
parseInt("FF", 16) → 255
parseInt("0xFF") → 255（自动识别 0x 前缀）
parseInt("0b1010") → 10（自动识别 0b）
parseInt("12.34", 10) → 12（只取整数部分，小数点对 parseInt 无效）
parseInt(" 0x1A ", 16) → 26（自动忽略首尾空格）

parseFloat 不接受进制参数

parseFloat(string)始终按十进制解析，只识别 +/-、数字、小数点.、指数符号e/E，且 不支持任何进制前缀（如 0x、0b）。传入非十进制格式会返回NaN。

parseFloat("1010") → 1010.0
parseFloat("12.34e2") → 1234.0
parseFloat("0xFF") → 0（因为 ”0″ 合法，”x” 非法，解析在 ”x” 处终止）
parseFloat("0b1010") → 0（同理，”b” 非法）
parseFloat("FF") → NaN（首字符 ”F” 不是有效数字）

常见陷阱与安全写法

实际开发中易因隐式推断或空格、前导零引发意外结果。建议始终显式传入 radix，并校验输入有效性。

立即学习“Java 免费学习笔记（深入）”；

避免省略 radix：如 parseInt("010") 在不同环境可能返回 8 或 10，应写成parseInt("010", 10)
字符串需先 trim：防止空格干扰，如 parseInt(" 10 ", 10) 虽能工作，但 parseInt(" t0x1A ", 16) 会失败（因 tab 后不是 ”0x”）
检查返回值是否为有效数字：!isNaN(num) && isFinite(num)，因为 parseInt("", 10) 返回 NaN，parseInt(" ", 10) 也返回NaN
十六进制字母不区分大小写：parseInt("aF", 16)和 parseInt("AF", 16) 都返回 175

替代方案：Number()与 BigInt()

Number(string)可作为更严格的解析器：它不接受进制参数，但对前缀敏感（如 Number("0xFF") → 255），且对空格更严格（Number(" 10 ") → 10，但Number(" 0x1A ") → 26）；BigInt(string) 支持二进制、八进制、十六进制字面量（带前缀），但不支持小数和科学计数法，且必须显式声明前缀（BigInt("0xFF") ✅，BigInt("255") ✅，BigInt("FF", 16) ❌——无 radix 参数）。