极客笔记js 将字符串转换为数字
在JavaScript中，有时候我们需要将字符串转换为数字类型，比如在处理表单提交的数据或者进行数值计算时。JavaScript提供了几种方法来实现这个转换的过程。本文将详细介绍这些方法，并提供示例代码以及运行结果。
parseInt()
parseInt() 方法用于将字符串转换为整数。它接受两个参数，要转换的字符串和进制数。如果字符串以数字开头，则会返回从左往右最长的数字，如果字符串以非数字开头，则返回NaN。如果传递的进制数不在2到36之间，则默认按照十进制进行解析。
下面是一个示例代码：
let str = "123";
let num = parseInt(str);
console.log(num); // 输出 123
以上代码中，我们将字符串”123″转换为数字123，并打印出来。
parseFloat()
parseFloat() 方法用于将字符串转换为浮点数。它只接受一个参数，要转换的字符串。与parseInt()不同的是，parseFloat()会一直解析到小数点后的数字为止，如果字符串以非数字开头则返回NaN。
下面是一个示例代码：
let str = "3.14";
let num = parseFloat(str);
console.log(num); // 输出 3.14
以上代码中，我们将字符串”3.14″转换为浮点数3.14，并打印出来。
Number()
Number() 方法可以将任意类型的数据转换为数字。如果传递的是数字类型，则直接返回该数字；如果传递的是字符串类型，则会根据字符串的内容转换为数字；如果传递的是布尔类型，则true转换为1，false转换为0；如果传递的是其他类型，比如数组、对象等，则返回NaN。
下面是一个示例代码：
let str = "42";
let num = Number(str);
console.log(num); // 输出 42
let bool = true;
let num2 = Number(bool);
console.log(num2); // 输出 1
let arr = [1, 2, 3];
let num3 = Number(arr);
console.log(num3); // 输出 NaN
以上代码中，我们分别将字符串”42″、布尔值true以及数组[1, 2, 3]转换为数字，并打印出来。
使用加号运算符
除了上述方法之外，我们还可以使用加号运算符将字符串转换为数字。当加号的两个操作数中至少有一个为字符串类型时，加号会进行字符串拼接操作，将两个字符串拼接成一个新的字符串；但当加号的两个操作数都为数字类型时，加号执行加法运算。
下面是一个示例代码：
let str = "42";
let num = +str;
console.log(num); // 输出 42
let str2 = "3.14";
let num2 = +str2;
console.log(num2); // 输出 3.14
以上代码中，我们使用加号运算符将字符串”42″和”3.14″分别转换为数字，并打印出来。
总的来说，在JavaScript中将字符串转换为数字有多种方法可供选择，开发者可以根据具体情况选择合适的方法进行转换。在使用这些方法时，需要注意转换后的数据类型是否符合期望，避免出现不必要的错误。