JavaScript parseInt() 函数完整指南：参数、基数与常见陷阱

parseInt() 函数的主要作用是将输入的字符串解析为整数并返回结果。

该函数支持接收两个参数。

其标准语法为 parseInt(string, radix)，用于解析字符串并返回指定基数下的十进制整数值。其中，radix 是一个介于 2 到 36 之间的整数，用于指定被解析字符串的基数（进制）。

如果省略 radix 参数或其值为 0，parseInt() 会根据字符串的前缀自动推断数字的基数。

参数说明

string

这是需要被解析的值。若该参数不是字符串类型，JavaScript 会先通过 ToString  抽象操作将其转换为字符串。解析过程中，字符串开头的空白字符会被自动忽略。

radix 参数为可选。

该参数取值范围从 2 到 36，用于指定字符串的基数。例如，设置为 16 表示将字符串视为十六进制数进行解析。需要注意的是，10 并非默认值，这一点常被开发者忽略。

详细描述

parseInt 函数首先将第一个参数转换为字符串，然后对该字符串执行解析操作，最终返回一个整数或 NaN。

当返回值不是 NaN 时，它表示将第一个参数按照指定的基数 radix 转换后的十进制整数。例如，当 radix 设置为 10 时，可转换十进制数；设置为 8 时可处理如 "07" 这样的八进制数；设置为 16 时则可处理如 "0xff" 这样的十六进制数，依此类推。

当 radix  的值大于 10 时，英文字母用于表示大于 9 的数字。例如，在十六进制（基数 16）中，字母 A 到 F 分别代表数值 10 到 15。

如果 parseInt  在解析过程中遇到不属于指定 radix  参数所定义基数内的字符，它会忽略该字符及其后的所有字符，并返回截至该点已解析的整数值。parseInt 会将结果截断为整数值，同时允许字符串存在前导和尾随空格。

部分数字在字符串表示中会使用 'e' 字符（例如 6.022×23 表示为  6.022e23）。因此，当对极大或极小的数字使用 parseInt 时，截断行为可能导致意外结果。parseInt 不应被视为 Math.floor() 的替代品。

parseInt 能够识别两种符号：+ 代表正数，- 代表负数（自 ECMAScript 1 起生效）。解析时会先去除空格，若找到符号则将其移除，并对剩余部分进行数字解析；若未找到符号，则直接进入下一步解析。

当 radix 为 undefined、0 或未指定时，JavaScript 会依据以下规则进行假设：

• 如果输入的 string 以 "0x" 或 “0x”（即数字 0 后跟小写或大写的 X）开头，radix 将被假定为 16，字符串剩余部分将按十六进制数解析。
• 如果输入的 string 以 “0”（单个 0）开头，radix 可能被假定为 8（八进制）或 10（十进制）。具体采用哪种 radix 取决于浏览器实现。ECMAScript 5 标准澄清应默认使用 10（十进制），但并非所有浏览器都完全遵循此规定。因此，在使用 parseInt 时，务必显式指定 radix 参数。
• 如果输入的 string 以其他任何值开头，radix 将被默认为 10（十进制）。

如果字符串的第一个字符无法转换为有效数字，parseInt 将返回 NaN。

在算术运算中，NaN 不能作为任何 radix 的有效数字参与计算。你可以调用 isNaN 函数来检查 parseInt 的结果是否为 NaN。如果将 NaN 传递给算术运算，运算结果也将是 NaN。

若需将数字转换为特定 radix 中的字符串表示，请使用 thatNumber.toString(radix) 函数。

总结与最佳实践

通常情况下，我们使用 parseInt 将字符串转换为十进制整数。

一个典型的应用场景是：当参数传入表示当前时间 Unix 时间戳的字符串时，需先将其转换为整数，再用于构造 moment 对象。

在 IntelliJ IDEA 等现代 IDE 中，不同的结果类型会通过颜色进行区分。

同时，对于字符类型的输出，IntelliJ IDEA 会使用引号进行标识。

参考上述图中的对比示例。

当然，你也可以直接写成如下形式：

moment.utc(+duplicateData.timeStamp)

在方法前面添加一个 + 号也能实现类似的类型转换效果。

有开发者制作了如下表格，认为在转换过程中非常具有参考价值。

以下是 parseInt 转换及可能出现 NaN 的情况汇总。

到此这篇关于 JavaScript 的 parseInt() 函数的文章就介绍到这了，更多相关 js parseInt() 函数内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！