JS中调用bignumber处理高精度小数运算

最新推荐文章于 2025-05-13 14:48:23 发布

weixin_33781606

最新推荐文章于 2025-05-13 14:48:23 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/xianfengzhike/p/9939012.html

本文介绍bignumber.js库的使用，该库适用于高精度数字运算，提供加减乘除等操作。通过示例代码展示如何在网页中引入并使用bignumber.js进行数字计算，对比原生JS浮点数运算的不足。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ignumber.js用于数字精度要求较高的计算。

bignumber.js源码地址：https://github.com/MikeMcl/bignumber.js

1.下载bignumber.js。

下载地址：https://github.com/MikeMcl/bignumber.js/releases

2.引入js。

3.示例

html:

 <div>
        <label>数1：</label>
        <input id="n1" type="text">
        <br>
        <label>数2：</label>
        <input id="n2" type="text">
        <br>
        <button id="add0">加(原生)</button>
        <button id="add">加(BigNumber)</button>
        <br>
        <label>结果： </label><span id="res"></span>
    </div>

js：

$(function(){
    $("#add0").click(function(){
        var n1Text=$("#n1").val();
        var n2Text=$("#n2").val();
        var _n1=parseFloat(n1Text);
        var _n2=parseFloat(n2Text);
        var _res=_n1+_n2;
        $("#res").text(_res);
    });
    $("#add").click(function(){
        var n1Text=$("#n1").val();
        var n2Text=$("#n2").val();
        var n1=new BigNumber(n1Text);
        var n2=new BigNumber(n2Text);
        var res=n1.plus(n2);
        $("#res").text(res);
    });
})