如何选择 `parseInt()` 和 `Number()` 解析字符串为数字？

## parseInt() 与 Number()：解析字符串为数字的利器

### 导言

在 JavaScript 中，parseInt() 和 Number() 函数是用于将字符串转换为数字的两个强大工具。然而，它们的行为并不总是相同，因此了解它们的差异对于有效地使用它们至关重要。

### parseInt()：提取整数值

parseInt() 函数专门用于将字符串解析为整数。它会处理字符串直到遇到第一个非数字字符，然后停止并返回解析出的数字。

### Number()：解析浮点数值

Number() 函数更为通用，因为它可以将字符串解析为浮点数值，即可以包含小数部分的数字。它会尝试解析整个字符串，包括非数字字符。

### 处理非数字字符

这是两个函数的主要区别之一。parseInt() 会忽略字符串中的非数字字符，而 Number() 会将它们视为 0。例如：

console.log(parseInt("123abc")); // 123
console.log(Number("123abc")); // 123

### 处理空格

另一个区别是处理空格。parseInt() 会忽略字符串中的空格，而 Number() 会将它们视为 0。因此，解析以下字符串时：

console.log(parseInt("123 456")); // 123
console.log(Number("123 456")); // 123456

### 基数

parseInt() 函数允许你指定一个基数，用于解析字符串中的数字。基数是指数字系统中使用的位数，例如十进制（基数 10）或十六进制（基数 16）。这对于解析不同进制的数字很有用。

console.log(parseInt("1001", 2)); // 9（二进制 1001）
console.log(Number("1001", 2)); // NaN

### 何时使用哪个函数？

使用 parseInt() 的情况：

• 需要将字符串解析为整数，尤其是在字符串可能包含非数字字符的情况下。

使用 Number() 的情况：

• 需要将字符串解析为浮点数值。
• 字符串肯定不包含非数字字符。

### 常见问题解答

1. 哪个函数更准确？

parseInt() 更适合解析整数，因为它会停止解析非数字字符，从而防止不准确的结果。

2. 如何处理字符串开头的非数字字符？

parseInt() 会忽略它们，Number() 会返回 NaN。

3. 如何解析十六进制字符串？

parseInt() 和 Number() 都可以解析十六进制字符串，前提是它们以 0x 开头。

4. 严格模式下的行为如何？

在严格模式下，如果 parseInt() 或 Number() 无法解析字符串，它将抛出 SyntaxError 异常。

5. 有没有替代方法？

可以使用正则表达式来解析字符串中的数字，但通常 parseInt() 和 Number() 提供了更简单方便的方法。

### 结论

parseInt() 和 Number() 是 JavaScript 中用于解析字符串为数字的强大函数。了解它们的差异对于选择正确的函数并获得准确的结果至关重要。通过仔细考虑字符串的内容和所需的数字类型，你可以有效地利用这些函数来操作和转换你的数据。