vue中使用mathjs解决计算精度问题

vue使用mathjs,解决前端计算精度不足问题
在前端开发过程中,你会发现0.1 * 0.2 != 0.2 如下图

他居然等于0.020000000000000004…
为什么会这样大家可以百度,涉及到10进制和2进制的转换问题,我们暂不讨论,我们先来解决这个问题。

现在有现成的库给我们调用 math.js
首先先安装依赖

npm install mathjs --save


然后再需要计算的页面调用

import * as math from 'mathjs'


加法

// 原本
console.log(0.1 + 0.2) // 0.30000000000000004
// 用math.js之后
const addNumber = math.format(
  math.add(
  	math.bignumber(0.1),math.bignumber(0.2)
  )
)
console.log(addNumber) // 0.3


减法

// 原本
console.log(1 - 0.9) // 0.09999999999999998
// 用math.js之后
const subtractNumber = math.format(
  math.subtract(
      math.bignumber(1), math.bignumber(0.9)
  )
)
consol(subtractNumber) // 0.1


乘法</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YangHuan3

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值