js保留n位小数的通用处理方法

最新推荐文章于 2024-04-29 12:58:46 发布

iSnowdrop

最新推荐文章于 2024-04-29 12:58:46 发布

阅读量319

点赞数 1

文章标签： js 保留n位小数通用处理方法 ViewUI

本文链接：https://blog.csdn.net/Happyboy123456/article/details/84427201

版权

js保留n位小数的通用处理方法：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
//浮点数处理，保留n位小数
function convertByPn(number,n){
if(isNaN(number)){
return null;
}else{
var floatVar=parseFloat(number);//转换成浮点数
var pow;//放大倍数
if(isNaN(n)){
pow=1; //按取整处理
}else{
if(n>0){
pow=Math.pow(10,n);//10的N次方倍
}else{
pow=1; //按取整处理
}
}
floatVar=floatVar * pow;//floatVar *1或者放大10的N次方倍(保留n位小数)
floatVar=Math.round(floatVar);//四舍五入取整
floatVar=Math.floor(floatVar) / pow;//还原
return floatVar;
}
}
//测试
function test(){
var inputText=document.getElementById("floatNumber").value;
var powN=document.getElementById("powN").value;
var result=document.getElementById("result");
result.innerHTML=convertByPn(inputText,powN);
}

</script>
</head>

<body>
保留n位小数测试： <br>
<div>
<input type="text" id="floatNumber" name="floatNumber" value="12.567322">
<input type="text" id="powN" name="powN" value="4">
<span οnclick="test()" style="background-color:orange"><a href="#" οnfοcus="this.blur();">测试</a></span><br/>
处理结果：<span id="result"></span>
</div>
</body>
</html>