JS 将字符串转换为数字 - Javascript

在JavaScript中，有几种方法可以将字符串转换为数字。这对于处理用户输入或从外部数据源获取数据时非常有用。下面将介绍几种常用的方法。

1.使用parseInt()函数

parseInt()函数可用于将字符串转换为整数。

let str = "123";
let num = parseInt(str);

console.log(num); // 输出：123
console.log(typeof num); // 输出：number

在上面的示例中，通过parseInt()函数将字符串"123"转换为整数123，并将其赋值给变量num。然后，使用console.log()函数打印num的值和类型，返回的结果为123和"number"。

2.使用parseFloat()函数

类似于parseInt()函数，parseFloat()函数用于将字符串转换为浮点数。

let str = "3.14";
let num = parseFloat(str);

console.log(num); // 输出：3.14
console.log(typeof num); // 输出：number

在上面的示例中，通过parseFloat()函数将字符串"3.14"转换为浮点数3.14，并将其赋值给变量num。然后，使用console.log()函数打印num的值和类型，返回的结果为3.14和"number"。

3.使用Number()函数

除了parseInt()和parseFloat()函数，还可以使用Number()函数将字符串转换为数字。该方法对于将字符串转换为整数或浮点数都能正常工作。

let str1 = "42";
let str2 = "3.14";

let num1 = Number(str1);
let num2 = Number(str2);

console.log(num1); // 输出：42
console.log(num2); // 输出：3.14
console.log(typeof num1); // 输出：number
console.log(typeof num2); // 输出：number

在上面的示例中，使用Number()函数将字符串"42"转换为整数42，并将其赋值给变量num1；将字符串"3.14"转换为浮点数3.14，并将其赋值给变量num2。然后，使用console.log()函数打印num1和num2的值以及类型，返回的结果为42、3.14以及"number"。

4.使用"+"操作符

在JavaScript中，使用"+"操作符也可以将字符串转换为数字。该方法将字符串转换为整数或浮点数，具体转换方式由字符串内容决定。

let str = "42";

let num1 = +str; // 使用一元加号进行转换
let num2 = str - 0; // 使用减法操作进行转换
let num3 = str * 1; // 使用乘法操作进行转换

console.log(num1); // 输出：42
console.log(num2); // 输出：42
console.log(num3); // 输出：42
console.log(typeof num1); // 输出：number

在上面的示例中，通过使用"+"操作符将字符串"42"转换为整数42，并将其赋值给变量num1。同样地，使用减法操作和乘法操作也可以实现字符串到数字的转换。使用console.log()函数打印num1、num2和num3的值以及类型，返回的结果为42、42、42和"number"。

结论

无论是使用parseInt()函数、parseFloat()函数、Number()函数还是"+"操作符，都可以将字符串转换为数字。根据具体的使用场景和需求，选择适合的方法进行转换即可。

注意：当字符串无法转换为数字时，以上方法将返回NaN（非数字）。因此，在将字符串转换为数字之前应该确保字符串内容可被正确解析为数字。