parseInt与parseFloat进制转换技巧

JavaScript中进制转换的关键在于正确使用parseInt与parseFloat：parseInt是唯一支持多进制（通过radix参数或自动识别0x/0b/0o前缀）的解析函数，能精准处理整数进制转换；而parseFloat仅严格按十进制解析浮点数，不接受进制参数，遇到非十进制格式（如"0xFF"）极易返回0或NaN，是开发者最常踩坑却浑然不觉的误区——掌握其差异、规避隐式推断陷阱、坚持显式指定radix并校验输入，才能写出健壮可靠的类型转换逻辑。

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，并校验输入有效性。

• 避免省略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参数）。

• Number("0b1010") → 10
• Number("0o77") → 63
• BigInt("0xFF") → 255n
• BigInt("123") → 123n（纯十进制字符串也允许）

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。