JavaScript中string转换成number介绍

当需要在JavaScript中使用数字时，需要将字符串转换为数字。在JavaScript中有三种方式可以将字符串转换为数字类型：Number(), parseInt() 和 parseFloat()。下面对这三种方式进行详细介绍。

1. Number()方法：

Number()方法可以把任何JavaScript对象转换为数字。如果对象是一个字符串，字符串只包含数字（可以包含小数点、负号、e 幂次方符号），则会被转换为相应的数字。如果字符串中包含了除数字外其他的字符，则无法转换为数字，返回NaN。

示例1：

var strNum1 = "30.6";
console.log(typeof strNum1); // string
var num1 = Number(strNum1);
console.log(typeof num1); // number
console.log(num1); // 30.6

var strNum2 = "3c";
console.log(typeof strNum2); // string
var num2 = Number(strNum2);
console.log(typeof num2); // number
console.log(num2); // NaN

1. parseInt()方法：

parseInt()方法可以解析一个字符串，并返回一个指定基数的整数（十进制为默认值）。如果字符串中的第一个字符不能被转换为数字，则返回NaN。

示例2：

var strNum3 = "123.45px";
console.log(typeof strNum3); // string
var num3 = parseInt(strNum3);
console.log(typeof num3); // number
console.log(num3); // 123

var strNum4 = "0x10";
console.log(typeof strNum4); // string
var num4 = parseInt(strNum4, 16);
console.log(typeof num4); // number
console.log(num4); // 16

1. parseFloat()方法：

parseFloat()方法解析一个字符串，并返回一个浮点数。如果字符串中的第一个字符不能被转换为数字或小数点，则返回NaN。

示例3：

var strNum5 = "3.14";
console.log(typeof strNum5); // string
var num5 = parseFloat(strNum5);
console.log(typeof num5); // number
console.log(num5); // 3.14

var strNum6 = "3.14e2";
console.log(typeof strNum6); // string
var num6 = parseFloat(strNum6);
console.log(typeof num6); // number
console.log(num6); // 314

考虑到不同的场景，需要选择合适的方法。如果需要将字符串转换为整数，使用parseInt()方法。如果需要将字符串转换为浮点数，使用parseFloat()方法。如果不能确定字符串的类型，使用Number()方法。