JavaScript中parseInt()的工作原理及非整数后缀处理问询

咱们来一步步拆解parseInt()的工作逻辑，再结合你给出的例子验证，最后解答你的疑问：

核心工作流程 #

parseInt()的核心目标是把输入值（通常是字符串）转换成整数，它的处理步骤是这样的：

• 先把输入转换成字符串（如果输入不是字符串类型的话）；
• 从字符串的最左端开始扫描，收集有效的整数字符——包括正负号（+/-）和0-9的数字；
• 一旦碰到第一个无法构成整数的字符（比如字母、小数点、空格、特殊符号等），就立刻停止扫描；
• 如果扫描到了有效字符，就把这些字符转换成整数返回；如果开头第一个字符就不是有效整数字符，直接返回NaN。

结合你的代码例子分析 #

来看你给出的几个测试用例：

console.log(parseInt('01abbb')) // 1

扫描到'0'和'1'都是有效数字，接下来的'a'是非数字字符，停止扫描。前导零会被忽略，所以'01'转换成整数就是1。

console.log(parseInt('31xyz')) // 31

'3'和'1'是有效数字，遇到'x'停止，取前面的'31'转换成整数31。

console.log(parseInt('zyz31')) // NaN

第一个字符'z'就不是有效整数字符，直接返回NaN，后面的'31'根本不会被处理。

console.log(parseInt('31xyz1')) // 31

同样，扫描到'x'就停止，后面的'yz1'全部被忽略，最终返回31。

你的疑问解答 #

没错！parseInt()确实是从第一个非有效整数字符的位置开始，完全忽略后续所有内容——哪怕后面还有数字，只要碰到第一个不符合的字符，就直接停止处理了，不会再看后面的内容。

额外提醒 #

这里还要提一个容易踩坑的点：parseInt()支持第二个参数radix（基数），用来指定转换的进制（比如2代表二进制，16代表十六进制）。如果不指定这个参数，旧环境里字符串以'0'开头可能会被当成八进制处理，虽然ES5之后默认是十进制，但为了避免意外，建议总是明确指定基数，比如parseInt('01abbb', 10)。

内容的提问来源于stack exchange，提问作者Prem