在前端开发中，我们经常使用 parseInt() 函数将字符串转换为数字类型。然而，有些情况下，该函数可能会产生非预期的结果，例如将十六进制字符串转换为十进制时，会出现 NaN（Not a Number）的情况，并且在某些浏览器中，还可能出现 “southern array” 或 “southern map” 的错误。
原因分析
这是由于 parseInt() 函数的第二个参数 radix 的默认值为 10，若字符串表示的数值以 0x 或 0X 开头，则被解析为十六进制数。当传入的字符串不符合规范或包含非法字符时，parseInt() 函数无法正确解析，返回 NaN。
而对于一些浏览器来说，如果 radix 设置为 0，也就是让函数自动判断字符串所表示的进制，这时若字符串以 0x 或 0X 开头，则会将其解析成十六进制，但如果字符串以数字 0 开头，则将其解析为八进制。而在 ECMAScript 5 中，解析八进制已经被废弃，因此在严格模式下，会抛出 SyntaxError 异常。
另外，在某些老版本的浏览器中，parseInt() 函数还存在一个 bug，即当字符串以非数字字符开头且 radix 为 0 时，会将其解析为 0，而不是 NaN。
解决方案
避免出现上述问题的方法是，始终显式地指定 radix 参数。
// 转换十进制整数，指定 radix 为 10
const num1 = parseInt('123', 10); // 123
// 转换十六进制整数，指定 radix 为 16
const num2 = parseInt('0xff', 16); // 255
// 避免出现 bug，指定 radix 为 10
const num3 = parseInt('foo', 10); // NaN除此之外，在 ECMAScript 2015 中，还引入了一个新的全局函数 Number.parseInt()，它与 parseInt() 函数功能相同，但只能用于将字符串解析成十进制整数。
总结
在使用 parseInt() 函数时，务必注意输入参数，特别是第二个参数 radix 的值。同时，建议使用 Number.parseInt() 函数以避免可能存在的浏览器兼容性问题。
通过以上的学习和指导，我们能够更加准确地使用 parseInt() 函数来转换字符串为数字类型。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8920