vue中使用Decimal.js对数据进行高精度处理

 

一、介绍

  • decimal.js是使用的二进制来计算的,所以可以更好地实现格化式数学运算,对数字进行高精度处理;使用decimal类型处理数据可以保证数据计算更为精确,还可以节省储存空间。

二、解决问题

  • 精度问题(金钱失真问题):当 对数据进行浮点运算时候,可能会因为丢失精度而导致奇怪的结果,这时使用decimal可以很好的解决该问题。

三、实例

  下面用 浮点型数据地加减乘除和使用decimal进行加减乘除 对结果进行比较:

  1、npm命令引入decimal.js文件

复制代码

$ npm install --save decimal.js
/**  Node.js  */
var Decimal = require('decimal.js') /** ES6 方式 */ import { Decimal } from 'decimal.js'
复制代码

  2、使用

复制代码
methods: {
    handleDecimalData() {
        //加法
        var a1 = 0.13
        var b1 = 0.25
        let c1 = new Decimal(a1).add(new Decimal(b1)) 
        console.log("加法运算 a1 + b1 =",a1 + b1)
        console.log("使用decimal.js a1 + b1 =",c1.toNumber())
        //减法
        var a2 = 1.0
        var b2 = 0.99
        let c2 = new Decimal(a2).sub(new Decimal(b2)) 
        console.log("减法运算 a2 - b2 =",a2 - b2)
        console.log("使用decimal.js a2 - b2 =",c2.toNumber().toFixed(2))
        //乘法
        var a3 = 1.01
        var b3 = 1.02
        let c3 = new Decimal(a3).mul(new Decimal(b3)) 
        console.log("乘法运算 a3 * b3 = ", a3 * b3)
        console.log("使用decimal.js a3 * b3 = ",c3.toNumber())
        //除法
        var a4 = 0.033
        var b4 = 10
        let c4 = new Decimal(a4).div(new Decimal(b4)) 
        console.log("除法运算 a4 / b4 = ", a4 / b4)
        console.log("使用decimal.js a4 / b4 = ",c4.toNumber())
    }
}    
复制代码

结果: