vue使用decimal.js解决js计算精度问题

最新推荐文章于 2025-11-10 00:51:02 发布

原创最新推荐文章于 2025-11-10 00:51:02 发布 · 3.5k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js

vue 同时被 2 个专栏收录

2 篇文章

订阅专栏

javascript计算精度

1 篇文章

订阅专栏

本文介绍了一个使用decimal.js库封装的精确数学运算模块，包括加、减、乘、除等基本运算，并提供了安装和使用的示例代码。

安装

npm install --save decimal.js

封装

import { Decimal } from 'decimal.js'

// 加
export function add (x, y) {
  if (!x) {
    x = 0
  }
  if (!y) {
    y = 0
  }
  const xx = new Decimal(x)
  const yy = new Decimal(y)
  return xx.plus(yy).toNumber()
}

// 减
export function reduce (x, y) {
  if (!x) {
    x = 0
  }
  if (!y) {
    y = 0
  }
  const xx = new Decimal(x)
  const yy = new Decimal(y)
  return xx.minus(yy).toNumber()
}

// 乘
export function ride (x, y) {
  if (!x) {
    x = 0
  }
  if (!y) {
    y = 0
  }
  const xx = new Decimal(x)
  const yy = new Decimal(y)
  return xx.mul(yy).toNumber()
}

// 除
export function except (x, y) {
  if (!x) {
    x = 0
  }
  if (!y) {
    y = 0
  }
  const xx = new Decimal(x)
  const yy = new Decimal(y)
  return xx.div(yy).toNumber()
}

使用

import { add, reduce, ride, except } from '@/decimal/decimal'
console.log(0.1 + 0.2)
console.log(add(0.1, 0.2))

在这里插入图片描述