JavaScript字符串转数字的三种核心方法详解

在JavaScript中，将字符串转换为数字主要依赖以下三种方法：1. parseInt()；2. Number()；3. parseFloat() 。

接下来将逐一介绍这些方法的具体用法。

1. parseInt(string, radix)

• 该函数用于解析字符串，并返回指定基数的十进制整数。若无法解析，则返回 NaN。
• 第一个参数表示待解析的值。如果该参数不是数字，JavaScript 会尝试将其转换为数字类型。
• 第二个参数用于指定被解析字符串的进制基数。
• 如果传入的第一个字符无法转换为数字，parseInt 将直接返回 NaN。

这里需要补充一个关于兼容性的知识点：

当 radix 参数为 undefined、0 或未指定时，JavaScript 引擎会按照以下规则推断基数：

• 如果输入的 string 以 "0x" 或 "0X"（即字符0后跟小写或大写的X）开头，则 radix 被假定为16，字符串剩余部分将作为十六进制数进行解析。
• 若输入的 string 以 “0”（0）开头，radix 被假定为 8（八进制）或 10（十进制）。具体选择哪一个 radix 取决于实现。ECMAScript 5 澄清了应该使用 10 (十进制)，但不是所有的浏览器都支持。因此，在使用 parseInt 时，一定要指定一个 radix。
• 如果输入的 string 以任何其他值开头，radix 默认设为10（十进制）。

2. Number()

此函数用于将对象的值转换为数字。

• 具体而言，Number() 函数负责将对象值转换为数字类型。
• 通过 Number() 转换函数传入字符串时，它会尝试将其转换为整数或浮点数直接量。该方法仅支持十进制转换，若字符串中包含非数字字符，则返回 NaN。

3. parseFloat()

• 该函数将给定值解析为浮点数或整数。若无法转换为数值，则返回 NaN。
• parseFloat 是一个全局函数，不属于任何特定对象。

所有方法均可直接调用使用：

function circumference(r) {
  return parseFloat(r) * 2.0
}
 
console.log(circumference(3));
// 输出为: 6

最后介绍一种较为简便的操作方式：

数字字符串前直接写“+”直接转换

以上就是对JavaScript字符串转换数字方法的详细介绍，更多相关内容请搜索本站历史文章或继续浏览后续文章，感谢大家的支持！