目录
前言
开发过程中免不了有浮点运算,JavaScript浮点运算的精度问题会带来一些困扰
JavaScript 只有一种数字类型 ( Number )
JavaScript采用 IEEE 754 标准双精度浮点(64),64位中 1位浮点数中符号,11存储指数,52位存储浮点数的有效数字
有时候小数在二进制中表示是无限的,所以从53位开始就会舍入(舍入规则是0舍1入),这样就造成了“浮点精度问题”(由于舍入规则有时大点,有时小点)
下面用示例来看看
JavaScript加减乘除运算
加法
var a = 0.1;
var b = 0.2;
console.log('0.1 以二进制表示:', a.toString(2));
console.log('0.2 以二进制表示:', b.toString(2));
console.log('直接加法运算 0.1 + 0.2 =', a + b);
add.js 示例代码
示例: 0.1 + 0.2
预期结果:0.3
实际结果:0.30000000000000004
减法
var a = 1.0;
var b = 0.7;
console.log('1.0 以二进制表示:', a.toString(2));
console.log('0.7 以二进制表示:', b.toString(2));
console.log('直接减法运算 1.0 - 0.7 =', a - b);
sub.js示例代码
示例: 1.0 - 0.7
预期结果:0.3
实际结果:0.30000000000000004
乘法
var a = 1.01;
var b = 1.003;
console.log('1.01 以二进制表示:', a.toString(2));
console.log('1.003 以二进制表示:', b.toString(2));
console.log('直接乘法运算 1.01 * 1.003 =', a * b);
mul.js示例代码
示例: 1.01 * 1.003
预期结果:1.01303
实际结果:1.0130299999999999
除法
var a = 0.029;
var b = 10;
console.log('0.029 以二进制表示:', a.toString(2));
console.log('10 以二进制表示:', b.toString(2));
console.log('直接除法运算 0.029 / 10 =', a / b);
div.js示例代码
示例: 0.029 / 10
预期结果:0.0029
实际结果:0.0029000000000000002
说明:以上加、减、乘、除示例分别演示了JavaScript运算结果(当然实际结果并不是我们想要的),为什么会出现这样的结果,前言中已经说明^_^!
decimal.js加减乘除运算
An arbitrary-precision Decimal type for JavaScript
GITHUB: https://github.com/MikeMcl/decimal.js
API: http://mikemcl.github.io/decimal.js/
NPM: https://www.npmjs.com/package/decimal.js
先安装decimal.js
npm install --save decimal.js
把上面的示例,用decimal.js运算一次,对比一下结果
var Decimal = require('decimal.js'); //加法
var a = 0.1;
var b = 0.2;
console.log('直接加法运算 a + b =', a + b);
console.log('Decimal.js加法运算 a + b =', new Decimal(a).add(new Decimal(b)).toNumber()); //减法
var a = 1.0;
var b = 0.7
console.log('直接减法运算 a - b =', a - b);
console.log('Decimal.js减法运算 a - b =', new Decimal(a).sub(new Decimal(b)).toNumber()); //乘法
var a = 1.01;
var b = 1.003;
console.log('直接乘法运算 a * b =', a * b);
console.log('Decimal.js乘法运算 a * b =', new Decimal(a).mul(new Decimal(b)).toNumber()); //除法
var a = 0.029;
var b = 10;
console.log('直接除法运算 a / b =', a / b);
console.log('Decimal.js除法运算 a / b =', new Decimal(a).div(new Decimal(b)).toNumber());
app.js示例代码
从图中可以看结果一目了然^_^!
说明: “浮点问题”不算是问题,它一直就是这样,也不是JavaScript独有的, 所以这个锅不应该它背^_^!