javascript中float类型计算的精确度问题

时间 2019-12-07

标签 javascript float 类型计算精确度问题栏目 JavaScript 繁體版

原文原文链接

在平时的使用过程当中，发现使用float类型在进行计算的时候，有些数字在进行计算后，小数点后面的位数明显变多，而且最后一位不为零，和正常的计算结果产生了偏差。首先看一下个人代码。javascript

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>求和</title>
		
	</head>
	<body>
		<input type="text" id="add1" value="" />
		<input type="text" id="add2" value="" />
		<input type="button" id="add3" value="add" onclick="add()"/>
		<script type="text/javascript">
			function add(){
				var a1 = document.getElementById('add1').value;
				var a2 = document.getElementById('add2').value;
				if(isNaN(a1)||isNaN(a2)){
					alert('非法的数据类型')//非法数据类型报错
				}
				else{
					var num = parseFloat(a1)+parseFloat(a2);//相加
					alert(num);	//弹出结果
				}
				
			}
		</script>
	</body>
</html>

运行代码能够发现，有一部分数字的计算是没有问题的，可是当我输入1.1和2.2而后相加的时候发现结果变成了3.30000000003（不知道几个0，随便写了几个）。而后我发现问题后在百度搜索答案。

找到一段解释以下，可是我的以为解释的不是很好。html

（非原创）在JavsScript中，变量在存储时并不区分number和float类型，而是统一按float存储。而javascript使用IEEE 754-2008 标准定义的64bit浮点格式存储number，按照IEEE 754的定义：decimal64对应的整形部分长度为10,小数部分长度为16，因此默认的计算结果为“7.0000000000000001”，如最后一个小数为0，则取1做为有效数字标志。java

解决方法：一、在计算结果后限制小数点后的位数，以个人代码为例。函数

var num = (parseFloat(a1)+parseFloat(a2)).toFixed(5);//保留小数点后五位

二、重写浮点计算的函数

//加法函数，用来获得精确的加法结果
//说明：javascript的加法结果会有偏差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
//调用：accAdd(arg1,arg2)
//返回值：arg1加上arg2的精确结果
function accAdd(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))
    return (arg1 * m + arg2 * m) / m
}