JS中浮点数精度问题
使用加减乘除时偶尔会出现精度问题,如:
0.1 + 0.2 = 0.30000000000000004
0.3 - 0.2 = 0.09999999999999998
0.1 * 3 = 0.30000000000000004
0.3 / 0.1 = 2.9999999999999996
为什么
让我们来看一下为什么 0.1 + 0.2 会等于 0.30000000000000004,而不是 0.3。
在 JavaScript 中所有数字包括整数和小数都只有一种类型 Number
。它的实现遵循 IEEE二进制浮点数算术标准(IEEE 754),使用64位固定长度来表示,也就是标准的 double 双精度浮点数。
首先,十进制的 0.1 和 0.2 会被转换成二进制的,但是由于浮点数用二进制表示时是无穷的:
0.1 -> 0.0001 1001 1001 1001...(1100循环)
0.2 -> 0.0011 0011 0011 0011...(0011循环)
IEEE 754 标准的 64 位双精度浮点数的小数部分最多支持53位二进制位,所以两者相加之后得到二进制为:
0.0100110011001100110011001100110011001100110011001100
因浮点数小数位的限制而截断的二进制数字,再转换为十进制,就成了0.30000000000000004。所以在进行算术计算时会产生误差。
解决方法
通常我们会使用 toFixed() 来解决,但其在常见浏览器上的表现不一致。
如:1.335.toFixed(2)
正常应该返回 1.34
浏览器 | IE7-11 | edge | Firefox | chrome |
---|---|---|---|---|
结果 | 1.34 | 1.33 | 1.33 | 1.33 |
测试结果只有 IE 符合预期。
针对 toFixed 的兼容性问题,我们可以把 toFixed 重写一下来解决。
我们通过判断最后一位是否大于等于5来决定需不需要进位,如果需要进位先把小数乘以倍数变为整数,加1之后,再除以倍数变为小数,这样就不用一位一位的进行判断。
// toFixed兼容方法
Number.prototype.toFixed = function(len) {
if (len > 20 || len < 0) {
throw new RangeError('toFixed() digits argument must be between 0 and 20');
}
// 对数字末尾加0
function padNum(num) {
num = num.toString();
var dotPos = num.indexOf('.');
if (dotPos === -1) {
// 整数的情况
num += '.';
for (var i = 0; i < len; i++) {
num += '0';
}
return num;
} else {
// 小数的情况
var need = len - (num.length - dotPos - 1);
for (var j = 0; j < need; j++) {
num += '0';
}
return num;
}
}
// .123 转为 0.123
var number = Number(this);
if (isNaN(number) || number >= Math.pow(10, 21)) {
return number.toString();
}
if (typeof (len) == 'undefined' || len == 0) {
return (Math.round(number)).toString();
}
var result = number.toString(),
numberArr = result.split('.');
if (numberArr.length < 2) {
// 整数的情况
return padNum(result);
}
var intNum = numberArr[0], // 整数部分
deciNum = numberArr[1], // 小数部分
lastNum = deciNum.substr(len, 1); // 最后一个数字
if (deciNum.length == len) {
// 需要截取的长度等于当前长度
return result;
}
if (deciNum.length < len) {
// 需要截取的长度大于当前长度 1.3.toFixed(2)
return padNum(result);
}
// 需要截取的长度小于当前长度,需要判断最后一位数字
result = intNum + '.' + deciNum.substr(0, len);
if (parseInt(lastNum, 10) >= 5) {
// 最后一位数字大于5,要进位
var times = Math.pow(10, len); // 需要放大的倍数
var changedInt = Number(result.replace('.', '')); // 截取后转为整数
changedInt++; // 整数进位
changedInt /= times; // 整数转为小数,注:有可能还是整数
result = padNum(changedInt + '');
}
return result;
}