极客笔记JS字符串转数字保留2位小数
在前端开发中，经常会遇到需要将字符串转换成数字并且保留两位小数的情况。本文将详细介绍如何使用JavaScript实现这一操作。
使用parseFloat函数
JavaScript提供了一个内置函数parseFloat()用于将字符串转换为浮点数。我们可以利用这个函数将字符串转换为数字，并且使用toFixed()方法将其保留两位小数。
const str = '123.4567';
const num = parseFloat(str).toFixed(2);
console.log(num); // 输出 123.46
在上面的代码中，我们首先定义了一个字符串'123.4567'，然后使用parseFloat()函数将其转换为浮点数，并且使用toFixed(2)保留两位小数最后将结果输出。
需要注意的是，toFixed()方法返回的是一个字符串类型的结果，如果需要进一步的数学计算，可能需要再次转换成数字类型。
使用Number函数和toFixed方法
除了使用parseFloat()函数外，我们还可以使用Number()函数将字符串转换为数字，并且再结合toFixed()方法将其保留两位小数。
const str = '456.789';
const num = Number(str).toFixed(2);
console.log(num); // 输出 456.79
在上面的代码中，我们定义了一个字符串'456.789'，然后使用Number()函数将其转换为数字，并且再次使用toFixed(2)方法保留两位小数，最后输出。
使用自定义函数实现
如果我们需要封装一个自定义的函数来实现字符串转换为数字并且保留两位小数，可以按照如下方式来实现：
function strToNum(str) {
const num = parseFloat(str);
return Math.round(num * 100) / 100;
}
const result = strToNum('789.123');
console.log(result); // 输出 789.12
在上面的代码中，我们定义了一个名为strToNum的函数，接受一个字符串参数str，首先使用parseFloat()函数将其转换为数字，然后将数字乘以100，再用Math.round()方法取整，最后再除以100来保留两位小数。
总结
本文介绍了如何使用JavaScript将字符串转换为数字并且保留两位小数。我们可以使用parseFloat()函数或者Number()函数将字符串转换为数字，并结合toFixed()方法来保留两位小数。另外，也可以通过自定义函数来实现这一功能。在实际开发中，根据具体需求来选择适合的方法来进行处理。