菜单

JavaScript浮点数及运算精度调整详解

2019年8月24日 - 计算机教程

A 方案一:

JavaScript 只有一种数字类型
Number,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。浮点数的精度问题不是JavaScript特有的,因为有些小数以二进制表示位数是无穷的。

一. 问题描述

(1.0-0.9).toFixed(digits) // toFixed() 精度参数digits须在0与20之间 
console.log(parseFloat((1.0-0.9).toFixed(10)) === 0.1)  //true 
console.log(parseFloat((1.0-0.8).toFixed(10)) === 0.2)  //true 
console.log(parseFloat((1.0-0.7).toFixed(10)) === 0.3)  //true 
console.log(parseFloat((11.0-11.8).toFixed(10)) === -0.8)  //true 

为了方便调用.
所以我们可以提取一个公共的方法出来.譬如下面的JSMath库,JSMath重写了加减乘除.
会先将参数转换为整数再运算JSMath(参数1).操作(参数2)

您可能感兴趣的文章:

B. 方案二:

改造之后,可以愉快地进行浮点数加减乘除操作了~以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

0.1+0.2 == 0.30000000000000004

0.1 + 0.7 == 0.7999999999999999

7*0.8 == 5.6000000000000005

5.6/7 == 0.7999999999999999
console.log(1.0-0.9 == 0.1)  //false 
console.log(1.0-0.8 == 0.2)  //false 
console.log(1.0-0.7 == 0.3)  //false 
console.log(1.0-0.6 == 0.4)  //true 
console.log(1.0-0.5 == 0.5)  //true 
console.log(1.0-0.4 == 0.6)  //true 
console.log(1.0-0.3 == 0.7)  //true 
console.log(1.0-0.2 == 0.8)  //true 
console.log(1.0-0.1 == 0.9)  //true 

三.小总结

写成一个方法:

上面自己自己暂时知道的一些解决方案.不太清楚是否有开源的更可靠的三方库来解决这个问题。以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

在JavaScript中问题还要复杂些,这里只给一些在Chrome中测试数据:

将小数位数转换为整数运算. 譬如:

//通过isEqual工具方法判断数值是否相等 
function isEqual(number1, number2, digits){ 
 digits = digits == undefined? 10: digits; // 默认精度为10 
 return number1.toFixed(digits) === number2.toFixed(digits); 
} 
console.log(isEqual(1.0-0.7, 0.3)); //true 
//原型扩展方式,更喜欢面向对象的风格 
Number.prototype.isEqual = function(number, digits){ 
 digits = digits == undefined? 10: digits; // 默认精度为10 
 return this.toFixed(digits) === number.toFixed(digits); 
} 
console.log((1.0-0.7).isEqual(0.3)); //true 

JS运算后都会有很小的误差. 不像.Net或者Java那样准确.
主要是JS重点不在运算上面,可是有时候项目一定要用到.想了一下大概有两种解决方案

解决方案:

最近在做一个项目,页面上会存在一些JS浮点数的运算,发现JS浮点数运算存在一些bug.譬如:

那如何来避免这类 1.0-0.9 != 0.1
的非bug型问题发生呢?下面给出一种目前用的比较多的解决方案,
在判断浮点运算结果前对计算结果进行精度缩小,因为在精度缩小的过程总会自动四舍五入:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图