javascript高精度计算解决方案

首先解决精度最便捷的方式：

x为要做精度处理的数值，先将x放大10000倍，再四舍五入，在除以10000倍。

Math.round(x*10000)/10000

（注意：这里乘的倍数和你要保留的小数位数相对应。比如要保留2位，则乘100倍；保留3位，则乘1000倍。）

该方法可以保证大部分情况下适用。

如果你要保证极其高的精度，则需要采用下面的方法处理。

--------------------------------------------------------------------------------------------------------------------------------------------

1，简介 Javascript中高精度计算，主要解决Javascript不精确问题，此解决方案包括，浮点数数计算出现不精确问题；浮点数计算中指定精度的方法。计算不精确通过 Arithmetic（函数）处理；指定精度通过FormatByAccuracy（函数）处理，这两个函数也是本实例中最主要的两个方法。可用于JS开发和.NET的ajax开发项目中。

2，实例

数量精度：单价精度：金额精度：

数量	单价	金额

3，code

[html] view plaincopy

<pre class="html" name="code"><html>
<head>
<title>javascript高精度计算解决方案</title>
<script language="javascript" type="text/javascript">
function AutoCalculate(rowid,flag){
/// <summary>自动计算数量、单价、金额</summary>
/// <param name="obj">输入框控件</param>
/// <param name="rowid">new rowid</param>
/// <param name="flag">N数量P单价M金额</param>
var objN = document.getElementById("txtN"+rowid);
var objP = document.getElementById("txtP"+rowid);
var objM = document.getElementById("txtM"+rowid);
//取设置的精度
var np = document.getElementById("txtNP").value;
var pp = document.getElementById("txtPP").value;
var mp = document.getElementById("txtMP").value;
//check
if(np>21||pp>21||mp>21)
{
alert('精度最大21!');
return;
}
//数据精度处理
objN.value = FormatByAccuracy(objN.value,np);
objP.value = FormatByAccuracy(objP.value,pp);
//进行计算
if(flag=="N"){ //修改数量
if(objN.value!=""){ //如果数量栏位值不为空
if(objP.value != ""){ // 如果单价不为空，则重新计算金额
objM.value = Arithmetic(objN.value,'*',objP.value);
}else{
if(objM.value!=""){ //如果单价为空,金额不为空，计算出单价
if(objN.value!=0){//如果数量不为0
objP.value = Arithmetic(objM.value,'/',objN.value);
}
}
}
}else{ //如果数量栏位值为空，则清空金额栏位。
objM.value = "";
}
}else if(flag=="P"){//修改单价
if(objP.value!=""){ //如果单价栏位值不为空
if(objN.value!=""){ //如果数量栏位值不为空,重算金额栏位
objM.value = Arithmetic(objN.value,'*',objP.value);
}else{//数量栏位值为空,清空金额栏位
objM.value = "";
}
}else{//如果单价栏位值为空
if(objN.value!=""){ //如果数量栏位值不为空,清空金额栏位
objM.value = "";
}else{
}
}
}else if(flag=="M"){//修改金额
if(objM.value!=""){ //如果金额栏位值不为空
if(objN.value!=""){ //如果数量栏位值不为空,重算单价栏位
if(objN.value!="0"){//如果数量不为0
objP.value = Arithmetic(objM.value,'/',objN.value);
}
}else{//数量栏位值为空,清空单价栏位
objP.value = "";
}
}else{//如果金额栏位值为空
if(objN.value!=""){ //如果数量栏位值不为空,清空单价栏位
objP.value = "";
}else{
}
}
}
//处理计算结果精度，有可能是算金额，有可能是算单价
objP.value = FormatByAccuracy(objP.value,pp);
objM.value = FormatByAccuracy(objM.value,mp);
//计算合计金额
CalculateSumMoney();
}
function CalculateSumMoney(){
/// <summary>计算合计金额</summary>
var objM = document.getElementsByName("txtM");
var sumMoney =0;
var m;
for(var i=0;i<objM.length;i++){
m = objM.item(i).value;
if(m != ""){
sumMoney = Arithmetic(sumMoney,'+',m);
}
}
document.getElementById("txtSum").value = sumMoney;
}
function FormatByAccuracy(val,accuracy){
/// <summary>浮点数精度处理</summary>
/// <par accuracy>小数位精度</par>
/// <bug>由于toPrecision是从第一个不为0的值开始处理精度，
///所以暂不考虑0.00000X(<0.01)的情况</bug>
if(val){
if(accuracy==0&&parseFloat(val)<1){
return parseFloat(val).toPrecision();
}else{
val = Number(val).toString();
index = val.indexOf('.');
//len整数位精度
len = index==-1?val.length:(val.substr(0,index)=='0'?index-1:index);
accuracy = parseInt(len,10)+parseInt(accuracy,10);
//toPrecision最大支持21位处理
accuracy = accuracy>21?21:accuracy;
return parseFloat(val).toPrecision(accuracy);
}
}else{
return val;
}
}
function Arithmetic(arg1,operator,arg2){
///<summary>四则运算,基本思路：转整计算然后恢复小数位</summary>
///<par>operator运算符</par>
///<result>计算结果</result>
var r1,r2,mul,size;
try{
r1=arg1.toString().split(".")[1].length;
}catch(e){
r1=0;
}
try{
r2=arg2.toString().split(".")[1].length;
}catch(e){
r2=0;
}
size = Math.max(r1,r2);
switch(operator){
case "+":
case "-":
mul = size;
break;
case "*":
mul = 2 * size;
break;
case "/":
mul = 0;
break;
}
return eval((arg1*Math.pow(10, size)) + operator + (arg2*Math.pow(10, size))) / Math.pow(10, mul);
}
</script>
</head>
<body>
<form id="form1" >
<h3>简介</h3>
Javascript中高精度计算，主要解决Javascript不精确问题，此解决方案包括，浮点数数计算出现不精确问题；浮点数计算中指定精度的方法。<br>计算不精确通过 Arithmetic（函数）处理；指定精度通过FormatByAccuracy（函数）处理，这两个函数也是本实例中最主要的两个方法。<br> 可用于JS开发和.NET的ajax开发项目中。</
<hr>
数量精度：<input type="text" id="txtNP" value="1" />
单价精度：<input type="text" id="txtPP" value="1" />
金额精度：<input type="text" id="txtMP" value="1" />
<table width="600" border="1" cellpadding="0" id="tblMats" cellspacing="0" >
<tr height="20" align="center">
<th width="60px">数量</th>
<th width="60px">单价</th>
<th width="70px">金额</th>
</tr>
<tr height="21" align="center">
<td >
<input width="40" type="text" id="txtN0" onblur="AutoCalculate(0,'N')" style="width:100%; text-align:right" />
</td>
<td >
<input width="40" type="text" id="txtP0" onblur="AutoCalculate(0,'P')" style="width:100%; text-align:right" />
</td>
<td >
<input width="40" type="text" name="txtM" id="txtM0" onblur="AutoCalculate(0,'M')" style="width:100%; text-align:right" />
</td>
</tr>
<tr height="21" align="center">
<td >
<input width="40" type="text" id="txtN1" onblur="AutoCalculate(1,'N')" style="width:100%; text-align:right" />
</td>
<td >
<input width="40" type="text" id="txtP1" onblur="AutoCalculate(1,'P')" style="width:100%; text-align:right" />
</td>
<td >
<input width="40" type="text" name="txtM" id="txtM1" onblur="AutoCalculate(1,'M')" style="width:100%; text-align:right" />
</td>
</tr>
<tr height="21" align="center">
<td colspan="8">
<input type="text" id="txtSum" value="0" readonly="readonly" style="width:100%;text-align:right; " /></td>
</tr>
</table>
</form>
</body>
</html>
</pre>

javascript高精度计算解决方案相关推荐

简单易操作的跨浏览器JavaScript单元测试解决方案
关于单元测试前端的单元测试也可以称为自动化测试,测试驱动开发,单元测试对于前端模块化.框架和功能库的开发是非常有必要的,只要做好模块的解耦和功能划分,单元测试就可以愉快地进行.好的单元测试(全面的功 ...
JavaScript 文件下载解决方案-download.js
官方网站:http://danml.com/download.html 下载地址:http://danml.com/js/download2.js 环境测试手机QQ: 通过华为手机浏览器:通过小 ...
深入理解javascript异步编程障眼法h5 web worker实现多线程
0.从一道题说起 var t = true; setTimeout(function(){ t = false; }, 1000); while(t){ } alert('end'); 1 2 3 4 ...
JavaScript标准参考教材（alpha）--笔记
一.导论二.基本语法 1.严格来说var a=1与a=1效果不太一样,delete命令无法删除前者. JavaScirpt是一种动态类型语言,也就是说,变量的类型没有限制,可以赋予各种类型的值. J ...
翻译 | 摆脱浏览器限制的JavaScript
译者:安冬 (沪江Web前端开发工程师) 本文原创翻译,转载请注明作者及出处. 原文地址:http://developer.telerik.com/... 技术世界在发展,JavaScript也在同步 ...
Google Maps——页面提示[For development purposes only]解决方案
问题描述填写Google Maps JavaScript API密钥之后,加载Google Maps JavaScript API会出现这样的显示: 问题解析由于谷歌政策的变革,需要填写一些相关信 ...
javascript 嵌入python_从Javascript代码调用Python函数
I'd like to call a Python function from Javascript code, because there isn't an alternative in Javas ...
2016年度 JavaScript 展望（下）
[编者按]本文作者为资深 Web 开发者 TJ VanToll, TJ 专注于移动端 Web 应用及其性能,是<jQuery UI 实践> 一书的作者. 本文系 OneAPM 工程师编译呈 ...
Javascript模块化编程系列二: 模块化的标准化(CommonJS AMD)
前言 Javascript模块化编程系列一: 模块化的驱动在前一篇介绍了为什么要进行Javascript模块化编程.至于如何实现模块化,不同的开发组织和个人具体的实现方式肯定是不一样.如何统一一个规 ...

javascript高精度计算解决方案

javascript高精度计算解决方案相关推荐

最新文章

热门文章