首先，我们来看一下简单的将字符串转整数的方法：
var str = "123";
var num = parseInt(str);
console.log(num); //输出123
在这个代码中，我们使用了 parseInt() 方法来将字符串转成整数。这里需要注意的是，如果字符串中有非数字的字符，那么整数输出的结果就是非数字之前的数字。
接下来我们来看一下 parseFloat() 方法的使用：
var str = "3.14";
var num = parseFloat(str);
console.log(num); //输出3.14
同样的，我们使用 parseFloat() 方法来将字符串转成浮点数。这个方法和 parseInt() 方法不同的是，如果字符串中包含小数点的话，整数输出的结果就是小数点前后的数字。
在使用 parseInt() 方法时，还有一个需要注意的点，我们来看一下下面的例子：
var str = "010";
var num = parseInt(str);
console.log(num); //输出10
我们期望的输出是 10，但是实际上输出的结果是 8。这是因为在 JavaScript 中，如果字符串以 0 开头，那么这个字符串就会被当作八进制数处理。为了避免这种情况的发生，我们可以在 parseInt() 方法中传入第二个参数，这个参数表示当前数字的进制数，这样就不会有上面的问题了：
var str = "010";
var num = parseInt(str, 10);
console.log(num); //输出10
另外还有一个需要注意的地方，就是字符串转数字的精度问题。JavaScript 中的数字类型是浮点数类型，为了避免出现精度问题，我们在进行计算时需要注意，下面是一个例子：
var result = 0.1 + 0.2;
console.log(result); //输出0.30000000000000004
这个输出结果和我们期望的是不一样的，这是因为在 JavaScript 中，浮点数只有固定的位数是有效的，超出这个范围的部分就会被舍掉，这就导致了上面的精度问题。为了避免这种情况的发生，我们可以使用一些库来进行浮点数的计算，如 Decimal.js、Big.js 等。
总之，字符串转数字是我们日常开发中经常需要用到的一个功能，我们需要了解它的实现方法，同时也要注意精度问题，避免出现计算错误的情况。希望通过这篇文章的介绍，大家能够更好地理解这个功能。
上一篇：JavaScript中字符串转成URL
下一篇：css挤出滚动条
