前端精度计算Decimal.js基本用法与举例详解

 更新时间:2025年07月08日 08:19:25   作者:sunn。  
Decimal.js 是一个小型库,用于解决浮点数计算的不精确问题,支持链式调用、加减乘除、取幂、平方根等运算,这篇文章主要介绍了前端精度计算Decimal.js基本用法的相关资料,需要的朋友可以参考下

一、Decimal.js 简介

decimal.js 是一个用于任意精度算术运算的 JavaScript 库,它可以完美解决浮点数计算中的精度丢失问题。

官方API文档:Decimal.js

特性:

  1. 任意精度计算:支持大数、小数的高精度运算。

  2. 链式调用:简洁的链式操作方式。

  3. 支持所有常见运算:加减乘除、取幂、平方根、取模等。

  4. 跨平台:可以在浏览器和 Node.js 中使用。

安装

在项目中使用 decimal.js 需要先安装库:

// 终端输入命令 
npm/cnpm/pnpm install decimal.js

二、Decimal.js 的基本用法

创建 Decimal 对象

可以通过构造函数创建 Decimal 对象,支持多种格式的输入。

import Decimal from 'decimal.js'

// 创建 Decimal 对象,最好使用字符串,防止原生js数字过大自带的精度问题,例如12345678987654321

const num1 = new Decimal(0.1);// 可以不要new关键字,两种方法等同Decimal(0.1)
const num2 = new Decimal('0.2');
const num3 = new Decimal(0.3);

// 得到的结果是一个Decimal对象,需要使用Decimal对象的toString或者toNumber获取正常数据
console.log(num1.toString()); // 输出 "0.1"

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

基本运算

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

链式调用

可以通过链式调用简化复杂的计算逻辑。

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

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

比较大小

可以通过 Decimal 提供的比较方法来比较两个数的大小。

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

数学运算

Decimal.js 还支持其他常见的数学操作,例如取幂、平方根等。

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

总结

到此这篇关于前端精度计算Decimal.js基本用法与举例详解的文章就介绍到这了,更多相关前端精度计算Decimal.js用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • uniapp-路由uni-simple-router安装配置教程

    uniapp-路由uni-simple-router安装配置教程

    专为uniapp打造的路由器,和uniapp深度集成,uniapp用到了很多vue的api,但在路由管理的功能相对于vue-router还是比较欠缺的,比如全局导航守卫,本文给大家讲解uniapp-路由uni-simple-router相关知识,感兴趣的朋友跟随小编一起看看吧
    2022-11-11
  • java、javascript实现附件下载示例

    java、javascript实现附件下载示例

    在web开发中,经常需要开发“下载”这一模块,下面使用java、javascript实现附件下载,需要的朋友可以参考下
    2014-08-08
  • JS中6个对象数组去重的方法

    JS中6个对象数组去重的方法

    这篇文章主要给大家介绍了关于JS中6个对象数组去重的方法,javascript数组去重是一个比较常见的需求,解决方法也有很多种,文中每种解决方法都给出了示例代码,需要的朋友可以参考下
    2023-07-07
  • JavaScript验证图片类型(扩展名)的函数分享

    JavaScript验证图片类型(扩展名)的函数分享

    这篇文章主要介绍了JavaScript验证图片类型的函数分享,需要的朋友可以参考下
    2014-05-05
  • 七种JS实现数组去重的方式

    七种JS实现数组去重的方式

    这篇文章主要介绍了七种JS实现数组去重的方式,下面文章以JS数组去重的相关资料展开全文内容,具有一定的参考价值,需要的小伙伴可以参考一下
    2021-12-12
  • fullpage.js全屏滚动的具体使用方法

    fullpage.js全屏滚动的具体使用方法

    fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,本文主要介绍了fullpage.js全屏滚动的具体使用方法,感兴趣的可以了解一下
    2021-09-09
  • 微信小程序实现自动播放视频模仿gif动图效果实例

    微信小程序实现自动播放视频模仿gif动图效果实例

    这篇文章主要给大家介绍了关于微信小程序实现自动播放视频模仿gif动图效果的相关资料,通过本文介绍的方法可以实现自动播放视频,视频无控制条无声音且自动循环播放,需要的朋友可以参考下
    2021-07-07
  • JavaScript数组及非数组对象的深浅克隆详解原理

    JavaScript数组及非数组对象的深浅克隆详解原理

    JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法;并且数组的方法还有原型方法和从object继承的方法,本文介绍了JavaScript数组及非数组对象的深浅克隆,希望读者能从中有所收获
    2021-10-10
  • 详解小程序如何改变onLoad的执行时机

    详解小程序如何改变onLoad的执行时机

    这篇文章主要介绍了详解小程序如何改变onLoad的执行时机,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • JavaScript大文件上传的处理方法之切片上传

    JavaScript大文件上传的处理方法之切片上传

    这篇文章主要介绍了JavaScript大文件上传的处理方法之切片上传,切片上传的原理较为简单,即获取文件后切片,切片后整理好每个切片的参数并发请求即可
    2022-06-06

最新评论