在前端开发中，我们经常需要将字符串转换为数字。例如，当我们从用户输入中获取数值时，输入的是字符串类型，但我们通常要将其转换为数字类型以进行计算或比较。本文将介绍JavaScript中如何从字符串获取数字。
使用parseInt()函数
JavaScript提供了一个用于将字符串转换为整数的内置函数parseInt()。该函数接受两个参数：要解析的字符串和一个可选的基数。基数表示要解析的数字的进制，如果不指定，则默认为10进制。例如：
const num = parseInt('123'); // 123
const hex = parseInt('0x10'); // 16
const octal = parseInt('0o10'); // 8虽然parseInt()函数可以将字符串转换为数字，但是它具有一些限制。如果字符串中包含非数字字符，parseInt()函数将返回NaN（不是数字）。此外，在解析八进制和十六进制数字时，parseInt()函数可能会导致一些问题。因此，我们需要小心使用它。
使用parseFloat()函数
除了整数之外，JavaScript还提供了一个将字符串转换为浮点数的内置函数parseFloat()。与parseInt()函数类似，parseFloat()函数也只接受一个参数：要解析的字符串。例如：
const floatNum = parseFloat('3.14'); // 3.14需要注意的是，parseFloat()函数在解析字符串时会忽略前导空格，但在解析完第一个数字后停止。因此，如果字符串中包含非数字字符，则parseFloat()函数将返回截断的值。
使用Number()函数
除了上述两个内置函数之外，JavaScript还提供了一个Number()函数，它可以将任何类型的值转换为数字。例如：
const num1 = Number('123'); // 123
const num2 = Number(true); // 1
const num3 = Number(null); // 0需要注意的是，当Number()函数接收一个字符串参数时，它将尝试将其解析为数字。如果字符串中包含非数字字符，则Number()函数将返回NaN。
总结
本文介绍了JavaScript中从字符串获取数字的三种方法：parseInt()、parseFloat()和Number()函数。虽然它们都可以将字符串转换为数字，但它们在处理不同情况时可能会有所不同。因此，在使用它们时需要特别小心，以确保得到正确的结果。
示例代码:
-- -------------------- ---- ------- ----- ------- - ------ ----- ---- - ----------------- ---- ----- ------- - ------- ----- ---- - -------------------- ----- ------- - ------ ----- ---- - ---------------- ------------------ -- --- ------------------ -- ---- ------------------ -- ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8970