JS string转number

JS string转number

在 JavaScript 中，我们经常会需要将字符串转换为数字。这种转换可以发生在各种情形下，比如我们从用户的输入中取得数据时，通常会得到一个字符串类型的值，但我们需要将其转换为数字类型进行计算或其他操作。

parseInt和parseFloat函数

JavaScript 提供了两个内置函数 parseInt 和 parseFloat 来完成字符串转数字的操作。这两个函数的使用方式如下：

parseInt函数

parseInt() 函数用于解析一个字符串，并返回一个整数。语法如下：

parseInt(string, radix)

• string: 必需，要被解析的字符串。
• radix: 可选，表示要解析的数字的进制。如果省略该参数或者传入0，则会根据 string 的格式来判断。如果字符串以 0x 开头，则按照十六进制解析，否则按照十进制解析。

示例代码如下：

let str = "123";
let num = parseInt(str);
console.log(num); // 输出 123

parseFloat函数

parseFloat() 函数用于解析一个字符串，并返回一个浮点数。语法如下：

parseFloat(string)

• string: 必需，要被解析的字符串。

示例代码如下：

let str = "3.14";
let num = parseFloat(str);
console.log(num); // 输出 3.14

Number构造函数

除了使用 parseInt 和 parseFloat 函数外，还可以使用 Number 构造函数来将字符串转换为数字类型。使用方式如下：

let num = Number(string);

示例代码如下：

let str = "456";
let num = Number(str);
console.log(num); // 输出 456

需要注意的是，使用 Number 构造函数转换字符串时，如果字符串不能被解析为有效的数字，则会返回 NaN（Not a Number）。

let str = "abc";
let num = Number(str);
console.log(num); // 输出 NaN

强制类型转换

除了上述方法外，强制类型转换也是一种将字符串转为数字的方式。在需要将字符串转换为数字的地方，只需要将字符串前面加上 + 或者使用 * 1 即可：

let str = "789";
let num1 = +str;
let num2 = str * 1;
console.log(num1); // 输出 789
console.log(num2); // 输出 789

这种方式简单直接，适用于快速将字符串转换为数字的场景。

结论

通过以上介绍，我们可以了解到在 JavaScript 中将字符串转换为数字有多种方式，包括使用 parseInt、parseFloat、Number 构造函数以及强制类型转换等。不同的方法适用于不同的场景，开发者可以根据具体需求选择合适的方式来完成字符串转数字的操作。在处理用户输入等场景时，需要注意对输入进行合法性校验，以确保转换能够正确进行，避免出现意外的结果。