本文目录导读：
在JavaScript中，将字符串转换为数字是一个常见的需求，尤其在进行web开发时，字符串和数字是两种不同的数据类型，它们在处理和运算上有着显著的区别，在某些情况下，我们需要将字符串转换为数字以进行数学运算或其他操作。
转换方法
1、Number()方法
JavaScript的Number()函数可以将字符串转换为数字，如果字符串表示的是一个有效的数字，那么它就会返回这个数字，如果字符串不能被解析为一个有效的数字，那么它会返回NaN（Not a Number）。
let str = "123"; let num = Number(str); // 123
2、parseFloat()方法
parseFloat()函数可以解析一个字符串，并返回解析后的第一个非空白字符的数值，如果字符串不能被解析为一个有效的数字，那么它会返回NaN。
let str = "123abc"; let num = parseFloat(str); // 123
3、parseInt()方法
parseInt()函数可以解析一个字符串，并返回一个整数，它有两个参数，第一个参数是字符串，第二个参数是基数（用于解析带有前缀的数字，如0x或0b），如果第二个参数未提供或为0，那么parseInt()会从字符串的开头解析一个最大的整数，如果字符串不能被解析为一个有效的整数，那么它会返回NaN。
let str = "123"; let int = parseInt(str); // 123
4、使用+运算符
在JavaScript中，+运算符也可以用于将字符串转换为数字，如果字符串表示的是一个有效的数字，那么它就会返回这个数字，如果字符串不能被解析为一个有效的数字，那么它会返回NaN。
let str = "123"; let num = +str; // 123
注意事项
在进行字符串到数字的转换时，需要注意以下几点：
如果字符串不能被解析为一个有效的数字，上述方法都会返回NaN，在进行转换后，最好检查一下是否得到了预期的结果。
在使用Number()或+运算符时，如果字符串的前面有非数字字符，那么这些字符会被忽略，只留下数字部分进行转换。”123abc”或”abc123″会被转换为123，而parseInt()和parseFloat()则会忽略前导和尾部的非数字字符，只返回第一个数字部分。”123abc”或”abc123″会被转换为NaN。
parseInt()和parseFloat()在处理带有特定前缀的数字时表现不同，parseInt()会忽略前缀（如0x或0b），而parseFloat()则会将其视为普通字符。”0x123″会被parseInt()解析为123，而会被parseFloat()解析为NaN。
在进行转换时，要注意数据的安全性，如果用户输入的数据包含恶意代码或特殊字符，可能会对程序造成安全威胁，在进行转换之前，最好对数据进行清理和验证，确保其安全性和有效性。
