JavaScript中字符串转Float求和出现精度异常问题求助

这个问题其实是JavaScript里浮点数运算的经典坑啦！核心原因在于JavaScript采用IEEE 754双精度浮点数标准来存储数值，而很多十进制小数没办法被二进制完美精确表示——就像我们用十进制永远写不完1/3（0.333...）一样，1.2转换成二进制是一个无限循环的小数，程序存储时只能取一个近似值。当你把这些近似后的浮点数相加时，微小的精度误差就会累积，最终出现看起来不符合预期的长小数结果。

回到你的代码，你用parseFloat()把输入的字符串转成浮点数后直接累加，自然就会碰到这个精度问题。

解决方法推荐 #

这里给你几个简单的处理方案：

• 转整数运算：把所有数值先乘以10（如果是两位小数就乘100，以此类推）转成整数计算，最后再除以对应的倍数，避免小数精度问题：

  sum += Math.round(parseFloat($(this).val()) * 10) / 10;
  

• 格式化结果：用toFixed()方法直接把结果格式化为指定小数位数，注意它返回的是字符串，需要转数值的话可以用Number()包裹：

  elemSum.val(sum.toFixed(1)); // 保留1位小数，结果会是"5.6"
  

• 如果需要更高精度：可以使用专门处理精确小数运算的工具函数或库，但对于你的场景来说，前两种方法应该足够解决问题了。

内容的提问来源于stack exchange，提问作者refresh