前端通过JS将从后端接口返回的大数求和的简单实现
2017-09-23 15:36
751 查看
今天有个妹纸问了小Z一个前端JS的问题,是java后端接口返回20位的两位金额小数,发现使用parsefloat转换会有精度丢失的情况,小Z觉得是JS的数位长度限制的问题,所以按照妹纸的需求,设计一个JS函数,将被加数、加数分别拆成低位数、高位数(长度小于等于10位),然后判断低位数相加,长度如果大于10,则高位数之和加一,js代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>my js test</title>
<style>
</style>
</head>
<body style="margin:0px;border:0px">
<style>
#myelement {
position: absolute;
left: 50px;
right: 100px;
}
</style>
<p title="testone" id="myelement">this is my element</p>
<script>
//第一组测试数据
<!-- var firstNumber = '123856789123456789.45'; -->
<!-- var secondNumber = '123456789123456789.45'; -->
//第二组测试数据
var firstNumber = '12385678910.23';
var secondNumber = '12345678910.12';
//第三组测试数据
<!-- var firstNumber = '12a345678910.23'; -->
<!-- var secondNumber = '12345678910.12'; -->
var r = largeNumberSum(firstNumber,secondNumber);
alert(r);
function largeNumberSum(a,b){
if(isNaN(Number(a))|| isNaN(Number(b)))
{
return null;
}
//根据需求,后台接口返回了20位的数,所以将被加数、加数分别拆成低位数、高位数(长度小于等于10位)
var num1 = a.replace('.','');//先去掉小数点
var num1Low = num1.substring(num1.length-10,num1.length);
var num1High = num1.substring(0,num1.length-10);
var num2 = b.replace('.','');
var num2Low = num2.substring(num2.length-10,num2.length);
var num2High = num2.substring(0,num2.length-10);
var lowAddResult = parseFloat(num1Low) + parseFloat(num2Low);
var highAddResult = parseFloat(num1High) + parseFloat(num2High);
//低位数相加,长度大于10,则高位数相加的结果加一
if(lowAddResult.toString().length>10){
highAddResult += 1;
}
var tempResult = highAddResult.toString() + lowAddResult.toString().substring(1,lowAddResult.toString().length);
//加入小数点
var result = tempResult.substring(0,tempResult.length - 2) +'.'+tempResult.substring(tempResult.length-2,tempResult.length);
return result;
};
</script>
</body>
</html>
先简单的实现特定的需求,这一类型的大数求和问题还要再研究研究。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>my js test</title>
<style>
</style>
</head>
<body style="margin:0px;border:0px">
<style>
#myelement {
position: absolute;
left: 50px;
right: 100px;
}
</style>
<p title="testone" id="myelement">this is my element</p>
<script>
//第一组测试数据
<!-- var firstNumber = '123856789123456789.45'; -->
<!-- var secondNumber = '123456789123456789.45'; -->
//第二组测试数据
var firstNumber = '12385678910.23';
var secondNumber = '12345678910.12';
//第三组测试数据
<!-- var firstNumber = '12a345678910.23'; -->
<!-- var secondNumber = '12345678910.12'; -->
var r = largeNumberSum(firstNumber,secondNumber);
alert(r);
function largeNumberSum(a,b){
if(isNaN(Number(a))|| isNaN(Number(b)))
{
return null;
}
//根据需求,后台接口返回了20位的数,所以将被加数、加数分别拆成低位数、高位数(长度小于等于10位)
var num1 = a.replace('.','');//先去掉小数点
var num1Low = num1.substring(num1.length-10,num1.length);
var num1High = num1.substring(0,num1.length-10);
var num2 = b.replace('.','');
var num2Low = num2.substring(num2.length-10,num2.length);
var num2High = num2.substring(0,num2.length-10);
var lowAddResult = parseFloat(num1Low) + parseFloat(num2Low);
var highAddResult = parseFloat(num1High) + parseFloat(num2High);
//低位数相加,长度大于10,则高位数相加的结果加一
if(lowAddResult.toString().length>10){
highAddResult += 1;
}
var tempResult = highAddResult.toString() + lowAddResult.toString().substring(1,lowAddResult.toString().length);
//加入小数点
var result = tempResult.substring(0,tempResult.length - 2) +'.'+tempResult.substring(tempResult.length-2,tempResult.length);
return result;
};
</script>
</body>
</html>
先简单的实现特定的需求,这一类型的大数求和问题还要再研究研究。
相关文章推荐
- asp.net 前端跟后端通过接口调用实现数据交互(含分页)
- 通过js 实现简单验证码的 刷新 看不清 换一张
- Sharepoint页面项目展示画廊纯前端实现,后端用list/library简单维护
- RSA前端JS加密,后端JAVA解密实现
- js 实现依赖注入的思想,后端框架思想搬到前端来
- JS返回上一页-通过图片和按钮分别实现
- C++通过IDispatch接口返回CString给JS
- 通过JS+CSS实现简单的遮罩层
- 高德地图的Js API 简单Demo,可以快速实现路点描线(摘自官方接口及自行修改测试)
- 简单的JS 通过点击按钮实现DIV左右移动
- jquery.qrcode.min.js生成二维码 通过前端实现二维码生成
- c#自定义简单链表通过IEnumerable接口实现内部迭代
- 用js实现简单的点击返回顶部效果
- 用js实现简单的点击返回顶部效果
- 表单中的验证码通过js简单实现局部刷新效果
- 前端用Webpact打包React后端Node+Express实现简单留言版
- 通过js 实现简单验证码的 刷新 看不清 换一张
- 如何用js 实现依赖注入的思想,后端框架思想搬到前端来
- JS返回上一页实例代码通过图片和按钮分别实现