JavaScript 中的 parseInt() 函数详解

什么是 parseInt() 函数？

parseInt() 是 JavaScript 内置的一个函数，用于将字符串解析成整型数字。该函数的作用是从字符串中提取数字，将其转换为十进制整数。

parseInt() 函数的语法

parseInt() 函数的语法格式如下：

parseInt(string, radix);

其中，

• string：需要转换为整型的字符串。
• radix：转换进制，可选参数，默认值为 10。可传入 2-36 之间的值，其中最常用的是 10 和 16。

parseInt() 函数的返回值

parseInt() 函数将字符串转换为整型数字后，将其作为函数的返回值。如果字符串不能被转换为数字，则返回 NaN（Not a Number）。

parseInt() 函数的用途

parseInt() 函数通常用于将字符串类型的数字转换成整型数字。例如，当获取到的 HTML 表单中的输入值为字符串类型时，我们可以使用 parseInt() 将其转换为整型数字，便于后续处理。

以下是一个简单的例子：

var str = "1234"; //定义一个字符串“1234“

console.log(parseInt(str)); //输出结果为：1234

如果我们将 radix 参数的值改为 2，代表将这个字符串看做是二进制格式的，然后转为十进制整数，如下：

var str = "1011"; // 二进制数字“1011“

console.log(parseInt(str, 2)); //输出结果为：11

parseInt() 函数存在的问题

尽管 parseInt() 函数很方便实用，但是它存在一些问题。例如，在将非常大的数字字符串转换成数字时，parseInt() 函数会将其精度降低，导致出现错误结果。

另外，在将非数字类型的字符串转换成数字时，parseInt() 函数会自动将字符串中的非数字字符去掉，例如空格、制表符（\t）、换行符（\r）等，这可能会导致转换结果与预期不一致的情况。

总结

通过本文的介绍，我们了解了 JavaScript 中的 parseInt() 函数的作用、语法、返回值和用途，并了解了该函数存在的问题。建议在使用该函数时，尽量避免转换大数字字符串，同时在转换非数字字符串时保持谨慎。

示例说明

以下示例演示了当把 JavaScript 字符串转换为数字时可能出现的一些问题：

console.log(parseInt("1234.567")); //输出结果为：1234

console.log(parseInt("AF", 16)); //输出结果为：175

console.log(parseInt("11", 2)); //输出结果为：3

console.log(parseInt("12478051476514174255424")); //输出结果为：12478051476514175000000

console.log(parseInt("Hello123")); //输出结果为：NaN