parseInt 是一种在编程中常用的函数，用于将字符串转换为整数，它通常用于处理用户输入或从文本文件中读取的数据，本文将详细介绍 parseInt 的用法、注意事项以及常见问题解答。

parseInt 的基本用法

1、语法：parseInt(string, radix)

2、参数说明：

string：要转换的字符串。

radix：一个介于 2 和 36 之间的整数，表示字符串的基数，如果省略，则默认为 10（十进制）。

3、返回值：parseInt 函数会返回一个整数，如果无法转换，则返回 NaN。

parseInt 的使用示例

1、将十进制字符串转换为整数：

   var num = parseInt("123", 10);
   console.log(num); // 输出：123

2、将十六进制字符串转换为整数：

   var num = parseInt("0x7B", 16);
   console.log(num); // 输出：123

3、将二进制字符串转换为整数：

   var num = parseInt("1111101", 2);
   console.log(num); // 输出：93

4、将八进制字符串转换为整数：

   var num = parseInt("177", 8);
   console.log(num); // 输出：127

parseInt 的注意事项

1、如果字符串的第一个字符不是数字，parseInt 会返回 NaN。

   var num = parseInt("abc");
   console.log(num); // 输出：NaN

2、如果字符串中有非数字字符，parseInt 会在遇到第一个非数字字符时停止解析。

   var num = parseInt("123abc");
   console.log(num); // 输出：123

3、如果字符串为空或仅包含空白字符，parseInt 会返回 NaN。

   var num = parseInt("   ");
   console.log(num); // 输出：NaN

4、如果基数不在 2 到 36 之间，parseInt 会返回 NaN。

   var num = parseInt("123", 37);
   console.log(num); // 输出：NaN

四、parseInt 与其他类型转换函数的区别

1、parseInt vs Number：Number 可以将任何类型的数据转换为数字，而 parseInt 只能将字符串转换为整数。

   var num1 = Number("123");
   var num2 = parseInt("123");
   console.log(num1, num2); // 输出：123 123

2、parseInt vs toFixed：toFixed 用于将数字转换为指定小数位数的字符串，而 parseInt 用于将字符串转换为整数。

   var num = parseInt((123.45).toFixed(2));
   console.log(num); // 输出：123

parseInt 的应用场景

1、处理用户输入：当用户在表单中输入数字时，可以使用 parseInt 将字符串转换为整数。

   var age = parseInt(document.getElementById("age").value, 10);
   if (!isNaN(age)) {
       console.log("年龄：" + age);
   } else {
       alert("请输入有效的年龄！");
   }

2、读取配置文件：当从配置文件中读取数值时，可以使用 parseInt 将字符串转换为整数。

   var config = { "maxConnections": "100" };
   var maxConnections = parseInt(config["maxConnections"], 10);
   console.log("最大连接数：" + maxConnections);

3、数据处理：在数据处理过程中，可以使用 parseInt 将字符串表示的数字转换为整数，以便进行计算或其他操作。

   var data = ["10", "20", "30"];
   var sum = data.reduce(function (acc, val) {
       return acc + parseInt(val, 10);
   }, 0);
   console.log("总和：" + sum); // 输出：60

parseInt 的常见问题解答

问题1：为什么 parseInt("08") 会返回 0？

答：在 JavaScript 中，以零开头的数字被视为八进制数，parseInt("08") 会将其视为八进制数并返回其十进制表示，即 0，为了避免这种情况，可以使用两个零前缀或将基数显式设置为 10。

var num = parseInt("08", 10);
console.log(num); // 输出：8