当前位置：首页 > news >正文

JavaScript中的函数parseInt(string, radix)解析

news 2025/8/21 10:57:52

好的，我们来详细解析 console.log(parseInt("10+15", 2)); 这个例子，并深入讲解 parseInt(string, radix) 函数的工作原理。

console.log(parseInt("10+15", 2)); 的输出结果是 2。

这个结果可能出乎意料。下面我们一步步拆解，告诉你为什么是 2。

作用：解析一个字符串参数，并返回一个指定基数（进制）的整数。

parseInt 的工作流程可以概括为：

现在，我们应用上述规则来解析你的例子：

确定基数（radix）：radix = 2。这意味着我们要将字符串当作二进制数字来解析。二进制中有效的数字字符只有 '0' 和 '1'。
开始逐字符解析字符串 "10+15"：
- 第一个字符：'1'。这是一个有效的二进制数字。保留。
- 第二个字符：'0'。这是一个有效的二进制数字。保留。
- 第三个字符：'+'。这是一个无效的二进制数字字符！
  - 二进制里根本没有 '+' 这个符号。
  - 根据规则，parseInt 会在此处停止解析。
截取有效部分：函数成功解析了 "10" 这两个字符，并忽略了 "+15" 这后面的所有内容。
转换有效部分：现在，将截取到的二进制字符串 "10" 转换为十进制数字。
- 二进制 10 等于十进制 (1 * 2^1) + (0 * 2^0) = 2 + 0 = 2。
返回结果：函数返回十进制数字 2。

所以，console.log(parseInt("10+15", 2)); 在控制台打印出的结果就是 2。

radix 为 0、undefined 或未提供：
- 字符串以 0x 或 0X 开头，会被解释为十六进制。
- 字符串以 0 开头，且无法被解释为十六进制，现代 JavaScript 引擎（ES5之后）会将其解释为十进制。这是一个重要的变化，旧浏览器可能仍会将其当作八进制。
- 其他情况被解释为十进制。
- 最佳实践：为了代码清晰和避免意外，请始终明确指定 radix 参数！
```
parseInt("0x10"); // 16, 因为以 '0x' 开头，被当作十六进制
parseInt("010");  // 10, ES5以后是十进制。以前可能是8（八进制）
parseInt("10");   // 10, 默认十进制// 最佳实践：总是写上基数
parseInt("010", 10); // 10 (明确指定十进制)
```

第一个字符就无法转换：

parseInt("Hello", 10); // NaN ('H' 不是数字)
parseInt("", 10);      // NaN (空字符串)
parseInt("$100", 10);  // NaN ('$' 不是数字)

科学计数法：
- parseInt 不会处理科学计数法，它会在 e 或 E 处停止解析。
```
parseInt("123e456", 10); // 123 (在 'e' 处停止)
```
与 parseFloat() 的区别：
- parseInt 解析整数，遇到非数字字符（包括小数点 .）就会停止。
- parseFloat 解析浮点数，只认第一个小数点，遇到第二个小数点或非数字字符时停止。
```
parseInt("10.5", 10); // 10 (遇到 '.' 停止)
parseFloat("10.5");   // 10.5parseInt("10.5.6", 10); // 10
parseFloat("10.5.6");   // 10.5 (在第二个 '.' 处停止)
```