快捷導(dǎo)航

前端精度計(jì)算Decimal.js基本用法與舉例詳解

更新時(shí)間：2025年07月08日 08:19:25 作者：sunn。

Decimal.js 是一個(gè)小型庫,用于解決浮點(diǎn)數(shù)計(jì)算的不精確問題,支持鏈?zhǔn)秸{(diào)用、加減乘除、取冪、平方根等運(yùn)算,這篇文章主要介紹了前端精度計(jì)算Decimal.js基本用法的相關(guān)資料,需要的朋友可以參考下

一、Decimal.js 簡(jiǎn)介

decimal.js 是一個(gè)用于任意精度算術(shù)運(yùn)算的 JavaScript 庫，它可以完美解決浮點(diǎn)數(shù)計(jì)算中的精度丟失問題。

官方API文檔：Decimal.js

特性：

任意精度計(jì)算：支持大數(shù)、小數(shù)的高精度運(yùn)算。
鏈?zhǔn)秸{(diào)用：簡(jiǎn)潔的鏈?zhǔn)讲僮鞣绞健?/p>
支持所有常見運(yùn)算：加減乘除、取冪、平方根、取模等。
跨平臺(tái)：可以在瀏覽器和 Node.js 中使用。

安裝

在項(xiàng)目中使用 decimal.js 需要先安裝庫：

// 終端輸入命令 
npm/cnpm/pnpm install decimal.js

二、Decimal.js 的基本用法

創(chuàng)建 Decimal 對(duì)象

可以通過構(gòu)造函數(shù)創(chuàng)建 Decimal 對(duì)象，支持多種格式的輸入。

import Decimal from 'decimal.js'

// 創(chuàng)建 Decimal 對(duì)象，最好使用字符串，防止原生js數(shù)字過大自帶的精度問題，例如12345678987654321

const num1 = new Decimal(0.1);// 可以不要new關(guān)鍵字，兩種方法等同Decimal(0.1)
const num2 = new Decimal('0.2');
const num3 = new Decimal(0.3);

// 得到的結(jié)果是一個(gè)Decimal對(duì)象，需要使用Decimal對(duì)象的toString或者toNumber獲取正常數(shù)據(jù)
console.log(num1.toString()); // 輸出 "0.1"

console.log(num2.toString()); // 輸出 "0.2"

基本運(yùn)算

Decimal.js 支持常見的加、減、乘、除等操作。

const num1 = new Decimal(0.1);
const num2 = new Decimal(0.2);

console.log(num1.plus(num2).toString()); // 加法：0.3

console.log(num1.minus(num2).toString()); // 減法：-0.1

console.log(num1.times(num2).toString()); // 乘法：0.02

console.log(num1.div(num2).toString()); // 除法：0.5

鏈?zhǔn)秸{(diào)用

可以通過鏈?zhǔn)秸{(diào)用簡(jiǎn)化復(fù)雜的計(jì)算邏輯。

const result = new Decimal(0.1).plus(0.2)
  .times(10)
  .div(3);

console.log(result.toString()); // 輸出 "1"

比較大小

可以通過 Decimal 提供的比較方法來比較兩個(gè)數(shù)的大小。

const num1 = new Decimal(0.1);
const num2 = new Decimal(0.2);

console.log(num1.lessThan(num2)); // true

console.log(num1.greaterThan(num2)); //false

console.log(num1.equals(0.1)); // true

數(shù)學(xué)運(yùn)算

Decimal.js 還支持其他常見的數(shù)學(xué)操作，例如取冪、平方根等。

const num = new Decimal(2);

console.log(num.pow(3).toString()); // 8

console.log(num.sqrt().toString()); // 1.4142135623730951

四舍五入與精度控制

Decimal.js 提供了方便的四舍五入和精度控制方法：

const num = new Decimal(1.23456789);

console.log(num.toFixed(2)); // 1.23

console.log(num.toPrecision(4)); // 1.235

console.log(num.round().toString()); // 1