JavaScript 字符转数字方法|极客笔记

JavaScript 字符转数字方法

在 JavaScript 中，我们经常会遇到需要把字符串转换为数字的情况，这在处理用户输入、数据转换等场景下非常常见。本文将介绍以下几种常用的方法来实现这一转换过程：

parseInt() 方法可以将字符串转换为整数，并且可以指定进制。其基本语法如下：

parseInt(string, radix)

其中 string 表示要转换的字符串，radix 表示要解析字符串的基数。如果不指定 radix 参数，则默认按十进制来解析字符串。

下面是一个使用 parseInt() 方法的示例代码：

let num1 = parseInt("123");
let num2 = parseInt("456", 16);

console.log(num1); // 输出 123
console.log(num2); // 输出 1110

在上面的示例中，变量 num1 使用默认的十进制基数将字符串 “123” 转换为数字；而变量 num2 指定基数为 16，将字符串 “456” 解析为十六进制数字。

需要注意的是，parseInt() 方法会忽略字符串中非数字的部分。如果字符串以非数字开头，则返回 NaN，代表无法转换为数字。因此，在实际使用时，我们需要注意字符串的格式和内容。

parseFloat() 方法可以将字符串转换为浮点数。其基本语法如下：

parseFloat(string)

下面是一个使用 parseFloat() 方法的示例代码：

let num = parseFloat("3.14");

console.log(num); // 输出 3.14

在上面的示例中，字符串 “3.14” 被成功解析为浮点数 3.14。与 parseInt() 方法类似，parseFloat() 方法也会忽略字符串中非数字的部分。

Number() 函数可以用来将字符串转换为数字，包括整数和浮点数。其基本语法如下：

Number(string)

下面是一个使用 Number() 函数的示例代码：

let num1 = Number("123");
let num2 = Number("3.14");

console.log(num1); // 输出 123
console.log(num2); // 输出 3.14

与 parseInt() 和 parseFloat() 方法不同的是，Number() 函数不支持传入进制参数，它只能将字符串转换为十进制数字。

除了以上三种方法，我们还可以使用 + 运算符将字符串转换为数字。当字符串可以被解析为数字时，+ 运算符会将其转换为数字；否则会返回 NaN。

下面是一个使用 + 运算符的示例代码：

let num1 = +"123";
let num2 = +"3.14";

console.log(num1); // 输出 123
console.log(num2); // 输出 3.14

在上面的示例中，+"123" 和 +"3.14" 分别将字符串 “123” 和 “3.14” 转换为相应的数字。

以上就是在 JavaScript 中将字符串转换为数字的几种常用方法。在实际开发中，我们可以根据具体需求选择合适的方法来进行转换，以确保程序的正常运行。