出现小数精度丢失的原因,JavaScript可以存储的最大数字、最大安全数字,JavaScript处理大数字的方法、避免精度丢失的方法

372 阅读2分钟

一个经典的面试题

0.1 + 0.2 === 0.3 // false

精度丢失原因

计算机是通过二进制的方式存储数据的,所以计算机计算0.1+0.2的时候,实际上是计算的两个数的二进制的和。

0.1的二进制是0.0001100110011001100...(1100循环),0.2的二进制是:0.00110011001100...(1100循环),这两个数的二进制都是无限循环的数。

JavaScript 中数字的存储遵循 IEEE 754 标准,是以 64 位双精度格式来存储数字的。

一般我们认为数字包括整数和小数,但是在 JavaScript 中只有一种数字类型:Number,它的实现遵循IEEE 754标准,使用64位固定长度来表示,也就是标准的double双精度浮点数。在二进制科学表示法中,双精度浮点数的小数部分最多只能保留52位,再加上前面的1,其实就是保留53位有效数字,剩余的需要舍去,遵从“0舍1入”的原则。

  根据这个原则,0.1和0.2的二进制数相加,再转化为十进制数就是:0.30000000000000004

最大数字、最大安全数

  • 能够表示的最大数字Number.MAX_VALUE等于1.7976931348623157e+308

  • 最大安全数字Number.MAX_SAFE_INTEGER等于9007199254740991

JS处理最大数字的方法

json-bigint

官方示例


var JSONbig = require('json-bigint');
var JSONstrict = require('json-bigint')({ strict: true });

var dupkeys = '{ "dupkey": "value 1", "dupkey": "value 2"}';
console.log('\n\nDuplicate Key test with both lenient and strict JSON parsing');
console.log('Input:', dupkeys);
var works = JSONbig.parse(dupkeys);
console.log('JSON.parse(dupkeys).dupkey: %s', works.dupkey);
var fails = 'will stay like this';
try {
  fails = JSONstrict.parse(dupkeys);
  console.log('ERROR!! Should never get here');
} catch (e) {
  console.log(
    'Succesfully catched expected exception on duplicate keys: %j',
    e
  );
}

// 这些事打印内容
Duplicate Key test with big number JSON
Input: { "dupkey": "value 1", "dupkey": "value 2"}
JSON.parse(dupkeys).dupkey: value 2
Succesfully catched expected exception on duplicate keys: {"name":"SyntaxError","message":"Duplicate key \"dupkey\"","at":33,"text":"{ \"dupkey\": \"value 1\", \"dupkey\": \"value 2\"}"}

参考:js大数字精度丢失问题

处理精度缺失的方法

toPrecision +s parseFloat

使用 toPrecision 凑整并 parseFloat转成数字后再显示

// 示例
parseFloat(1.4000000000000001.toPrecision(12)) === 1.4  // True

封装成方法就是:

function strip(num, precision = 12) {
  return +parseFloat(num.toPrecision(precision));
}

Number.EPSILON

在ES6中,提供了Number.EPSILON属性,而它的值就是2-52,只要判断0.1+0.2-0.3是否小于Number.EPSILON,如果小于,就可以判断为0.1+0.2 ===0.3

function numberepsilon(arg1, arg2){ 
    return Math.abs(arg1 - arg2) < Number.EPSILON;
} 
console.log(numberepsilon(0.1 + 0.2, 0.3)); // true

ps:文末附上汇总文章链接《一名【合格】前端工程师的自检清单【自检ing】》