js浮点类型精度问题（两个值相加结果不正确）

慢慢来工厂

于 2021-10-09 14:37:27 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： html5 html javascript

本文链接：https://blog.youkuaiyun.com/yigeshaoziwei/article/details/120670438

Jquery 专栏收录该内容

11 篇文章

订阅专栏

在JavaScript中，由于浮点数精度问题，直接相加可能导致不准确的结果，例如1.001 + 2.002 = 3.0029999999999997。为解决这个问题，可以使用特定的浮点数加法函数，但即使如此，结果仍然是不精确的。目前推荐的解决方案是对结果使用toFixed(3)方法来保留小数点后三位，确保比较操作的准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：左边表格相加的值与右边表格相加的值相同

1、场景：在js中float数据相加，有的正确有的错误

1.001+2.002=3.0029999999999997

原因是js自带的精度问题，

参照网上：

//浮点类型 加法
function floatAdd(arg1, arg2) {
		var r1, r2, m;
		try {
			r1 = arg1.toString().split(".")[1].length//获取小数点的位数
		} catch (e) {
			r1 = 0
		}
		try {
			r2 = arg2.toString().split(".")[1].length
		} catch (e) {
			r2 = 0
		}
		m = Math.pow(10, Math.max(r1, r2));//获取放大倍数
		var arg1M = arg1 * m;
		var arg2M = arg2 * m;
		var argM = arg1M + arg2M;
		var number =  argM / m;
		return number;
	}

这个number结果也是3.0029999999999997

2、目前解决的方法是：

使用toFixed（3）对结果进行处理保留小数点后三位

         var leftValue = number1.toFixed(3);
         var rightValue = number2.toFixed(3);

再进行比较操作或其他相关操作