vue中如何使用math.js
作者：崎凌
这篇文章主要介绍了vue中如何使用math.js问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue使用math.js
math.js可以解决前端金额类计算精度问题
安装math.js
npm install mathjs
math.js配置
新建math.js文件内容如下
const $math = require('mathjs')
export const math = {
add () {
return comp('add', arguments)
},
subtract () {
return comp('subtract', arguments)
},
multiply () {
return comp('multiply', arguments)
},
divide () {
return comp('divide', arguments)
}
}
function comp (_func, args) {
let t = $math.chain($math.bignumber(args[0]))
for (let i = 1; i < args.length; i++) {
t = t[_func]($math.bignumber(args[i]))
}
// 防止超过6位使用科学计数法
return parseFloat(t.done())
}建议存放在utils文件夹下
引入math.js
import { math } from '@/utils/math.js'math.js使用
math.add(a+b)//加 math.subtract(a-b)//减 math.multiply(a*b)//乘 math.divide(a/b)//除
如需其他计算方法可点击标题math.js进入官网查看语法并添加到math.js文件中
vue使用mathjs解决前端计算精度不足问题
在前端开发过程中，你会发现0.1 + 0.2 != 0.3 如下图
他居然等于0.30000000000000004…
为什么会这样大家可以百度，涉及到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
乘法
// 原本 console.log(10 * 1.2 * 0.3) // 3.5999999999999996 // 用math.js之后 const multiplyMumber = math.format( math.multiply( math.bignumber(10), math.bignumber(1.2), math.bignumber(0.3) ) ) console.log(multiplyMumber) // 3.6
除法
// 原本 console.log(1.2 / 3) // 0.39999999999999997 // 用math.js之后 const divideNumber = math.format( math.divide( math.bignumber(1.2), math.bignumber(3) ) ) console.log(divideNumber) // 0.4
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。