超长精度下前端如何正确回显
之前一篇文章《记一次超长数值精度错误问题》，有记录了下pl\sql显示值不对的问题。现在问题更大了。前端的json对象解析超长的数值后，居然不是安全数值（随机加减进位），比如我后台给前端传递99,999,999,999,999.99，之后会变成100,000,000,000,000.0。
几近无奈的寻找，终于功夫不负苦心人，我在github上找到一个大数运算的类:decimal.js
https://github.com/MikeMcl/decimal.js
特性如下： 整型，浮点型
快速，简单。
- Integers and floats
- Simple but full-featured API
- Replicates many of the methods of JavaScript's Number.prototype and Math objects
- Also handles hexadecimal, binary and octal values
- Faster, smaller, and perhaps easier to use than JavaScript versions of Java's BigDecimal
- No dependencies
- Wide platform compatibility: uses JavaScript 1.5 (ECMAScript 3) features only
- Comprehensive documentation and test set
- Includes a TypeScript declaration file: decimal.d.ts
使用方法：
x = new Decimal(123.4567)
y = new Decimal('123456.7e-3')
z = new Decimal(x)x.equals(y) && y.equals(z) && x.equals(z) // true
引用decimal.js后哦，直接new即可。
下面是支持的方法列表
API 
<html>
<head>
<title></title>
<script src='decimal.js'></script>
</head>
<body>
<div id="result">
</div>
<script>
var str1='9999999999999999.99';
var bigdecimal = new Decimal(str1);
var msg="<p>当前的数值字符串为："+str1+"Decimal对象实例化后的toString值为:"+bigdecimal.toString()+"</p>";
//var z = new Decimal(x)
//x.equals(y) && y.equals(z) && x.equals(z) // true
bigdecimal=bigdecimal.plus(1);
msg=msg+"<p>将值加1后为："+bigdecimal.toString()+"</p>";
bigdecimal=bigdecimal.minus(1);
msg=msg+"<p>将值减1后为："+bigdecimal.toString()+"</p>";
bigdecimal=bigdecimal.plus(0.1);
msg=msg+"<p>将值加0.1后为："+bigdecimal.toString()+"</p>";
bigdecimal=bigdecimal.minus(0.1);
msg=msg+"<p>将值减0.1后为："+bigdecimal.toString()+"</p>";
bigdecimal=bigdecimal.plus(0.01);
msg=msg+"<p>将值加0.01后为："+bigdecimal.toString()+"</p>";
var bigdecimal1 = new Decimal("1");
for(var i=1;i<90;i++){
bigdecimal1=bigdecimal1.mul(2);
msg=msg+"<p>将值第"+i+"次乘2后为："+bigdecimal1.toString()+"</p>";
}
document.getElementById("result").innerHTML=msg;
</script>
</body>
</html>
本文来自：超长精度下前端如何正确回显-小码农，转载请保留本条链接，感谢！
温馨提示：
本文最后更新于 2021年01月26日，已超过 1,382 天没有更新。若文章内的图片失效（无法正常加载），请留言反馈或直接联系我。
正文到此结束
- 本文标签： javascript 大数值计算
- 本文链接： https://djc8.cn/archives/how-to-correctly-echo-the-frontend-under-ultralong-precision.html
- 版权声明： 本文由小码农原创发布，转载请遵循《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
热门推荐
该篇文章的评论功能已被站长关闭
关于我
小码农
猫的一生在打哈欠中度过
