如何使用big.js解决JavaScript浮点数精度丢失问题

更新时间：2023年12月21日 11:25:17 作者：小绵杨Yancy

最近在项目中涉及到金额从元转为分（乘100即可）,发现乘法居然也会有精度丢失的问题,关于浮点数计算精度丢失是很多语言都存在的问题,本文给大家分享使用big.js解决JavaScript浮点数精度丢失问题,感兴趣的朋友一起看看吧

一、精度丢失

关于浮点数计算精度丢失是很多语言都存在的问题，例如比较著名的：

0.1 + 0.2 === 0.30000000000000004

最近在项目中涉及到金额从元转为分（乘100即可），发现乘法居然也会有精度丢失的问题：

19.9 * 100 === 1989.9999999999998

因为涉及到了金额，所以一定不能出现这样的问题。可以直接使用:

Number(Number(19.9 * 100).toFixed()) === 1990

但其实toFixed()方法也会造成的精度丢失，后来发现，有一个专门处理js精度问题的库：http://mikemcl.github.io/big.js/

二、Big.js

安装：

npm install big.js

项目中引入：

import Big from 'big.js';

使用Big构造函数可以创建一个Big对象，调用对应的方法即可实现我们的计算需求。

let x = new Big(0.1)

在这里插入图片描述

注意最后我们需要使用toNumber方法重新将Big对象转为数字。

2.1 加

Big对象上的plus方法实现加运算。

0.1 + 0.2                  // 0.30000000000000004
x = new Big(0.1)
y = x.plus(0.2).toNumber()            // 0.3
Big(0.7).plus(x).plus(y).toNumber()   // 1.1

2.2 减

Big对象上的minus方法实现减运算。

0.3 - 0.1                  // 0.19999999999999998
x = new Big(0.3)
x.minus(0.1).toNumber()               // 0.2

2.3 乘

Big对象上的times方法实现乘运算。

0.6 * 3                    // 1.7999999999999998
x = new Big(0.6)
y = x.times(3).toNumber()             // 1.8
Big('7e+500').times(y).toNumber()     // Infinity
Big('7e+500').times(1.8).toString()   // '1.26e+501'

2.4 除

Big对象上的div方法实现除运算。

x = new Big(355)
y = new Big(113)
x.div(y).toNumber()                   // 3.14159292035398230088
Big.DP = 2
x.div(y).toNumber()                   // 3.14
x.div(5).toNumber()                   // 71

DP：涉及除法的操作结果的最大小数位数。它仅与 div 和 sqrt 方法相关，以及当指数为负时与 pow 方法相关。

2.5 指数

Big对象上的pow方法实现指数运算。

Math.pow(0.7, 2)           // 0.48999999999999994
x = new Big(0.7)
x.pow(2)                   // '0.49'
Big.DP = 20
Big(3).pow(-2)             // '0.11111111111111111111'
new Big(123.456).pow(1000).toString().length     // 5099
new Big(2).pow(1e+6)       // Time taken (Node.js): 9 minutes 34 secs.

到此这篇关于如何使用big.js解决JavaScript浮点数精度丢失问题的文章就介绍到这了,更多相关js浮点数精度丢失内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

小程序websocket心跳库(websocket-heartbeat-miniprogram)
这篇文章主要介绍了小程序websocket心跳库(websocket-heartbeat-miniprogram)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-02-02
js实现上传图片功能
这篇文章主要为大家详细介绍了js实现上传图片功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-11-11
JavaScript代码里的判断小结
在JavaScript代码中，多多少少会有判断语句。业务越复杂，逻辑就越复杂，判断就越多。今天给大家整理下JavaScript中代码里常会用到的那些判断，有需要的可以参考借鉴。
2016-08-08
javascript修改图片src的方法
这篇文章主要介绍了javascript修改图片src的方法,通过简单的图片src获取与赋值来实现修改src的功能,需要的朋友可以参考下
2015-01-01
js强制把网址设为默认首页
有时候你会发现设首页为失效，那么来一个js强制设置首页的代码，不过为了绿色上网，尽量不要强迫你的用户意志，弄不好网站用户体验会降低。感兴趣的小伙伴可以参考一下
2015-09-09
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
这篇文章主要介绍了JavaScript中${pageContext.request.contextPath}取值问题及解决方案的相关资料,需要的朋友可以参考下
2016-12-12
js Calender控件使用详解
这篇文章主要介绍了js Calender控件使用详解,需要的朋友可以参考下
2015-01-01
如何用JS实现网页瀑布流布局
这篇文章主要介绍了如何用JS实现网页瀑布流布局，帮助大家更好的利用JavaScript制作网页，感兴趣的朋友可以了解下
2021-04-04
高性能JavaScript模板引擎实现原理详解
这篇文章主要介绍了JavaScript模板引擎实现原理详解,本文着重讲解artTemplate模板的实现原理,它采用预编译方式让性能有了质的飞跃,是其它知名模板引擎的25、32 倍,需要的朋友可以参考下
2015-02-02
JavaScript分析、压缩工具JavaScript Analyser
这篇文章主要介绍了JavaScript分析、压缩工具JavaScript Analyser,需要的朋友可以参考下
2014-12-12