JS保留小数点(四舍五入、四舍六入)实现思路及实例

 更新时间:2013年04月25日 14:56:32   作者:  
保留两位小数:将浮点数四舍五入,取小数点后2位;如:2,会在2后面补上00.即2.00,感兴趣的朋友看下具体的实现思路及代码
复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>floatDecimal.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script type="text/javascript">
//保留两位小数
//功能:将浮点数四舍五入,取小数点后2位
function toDecimal(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return;
}
f = Math.round(x*100)/100;
return f;
}
//制保留2位小数,如:2,会在2后面补上00.即2.00
function toDecimal2(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return false;
}
var f = Math.round(x*100)/100;
var s = f.toString();
var rs = s.indexOf('.');
if (rs < 0) {
rs = s.length;
s += '.';
}
while (s.length <= rs + 2) {
s += '0';
}
return s;
}
function fomatFloat(src,pos){
return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);
}
//四舍五入
document.writeln("保留2位小数:" + toDecimal(3.14159267) + '<br/>');
document.writeln("强制保留2位小数:" + toDecimal2(3.14159267) + '<br/>');
document.writeln("保留2位小数:" + toDecimal(3.14559267) + '<br/>');
document.writeln("强制保留2位小数:" + toDecimal2(3.15159267) + '<br/>');
document.writeln("保留2位小数:" + fomatFloat(3.14559267, 2) + '<br/>');
document.writeln("保留1位小数:" + fomatFloat(3.15159267, 1) + '<br/>');
//五舍六入
document.writeln("保留2位小数:" + 1000.003.toFixed(2) + '<br/>');
document.writeln("保留1位小数:" + 1000.08.toFixed(1) + '<br/>');
document.writeln("保留1位小数:" + 1000.04.toFixed(1) + '<br/>');
document.writeln("保留1位小数:" + 1000.05.toFixed(1) + '<br/>');
//科学计数
document.writeln(3.1415.toExponential(2) + '<br/>');
document.writeln(3.1455.toExponential(2) + '<br/>');
document.writeln(3.1445.toExponential(2) + '<br/>');
document.writeln(3.1465.toExponential(2) + '<br/>');
document.writeln(3.1665.toExponential(1) + '<br/>');
//精确到n位,不含n位
document.writeln("精确到小数点第2位" + 3.1415.toPrecision(2) + '<br/>');
document.writeln("精确到小数点第3位" + 3.1465.toPrecision(3) + '<br/>');
document.writeln("精确到小数点第2位" + 3.1415.toPrecision(2) + '<br/>');
document.writeln("精确到小数点第2位" + 3.1455.toPrecision(2) + '<br/>');
document.writeln("精确到小数点第5位" + 3.141592679287.toPrecision(5) + '<br/>');
</script>
</head>
<body>
This is my HTML page. <br>
</body>
</html>


javascript四舍五入保留两位小数

复制代码 代码如下:

function count(){
   //alert("count");
   var size=~~(document.getElementById("size").value);
   var value=0;
   for(var i=0;i<size;i++){
    var val=1*(document.getElementById("afterAdjScor"+i).value);
    if(null!=val){
     value =Math.round((1*(value+val))*100)/100;
    }
   }
   if(isNaN(value)){
    value="输入必须为数字类型";
   }
   document.getElementById("total").value=value;
  }

说明:~~XX:字符串转int
      1*XX:字符串转float
      Math.round((1*(value+val))*100)/100:四舍五入

相关文章

  • js动态获取时间的方法分析

    js动态获取时间的方法分析

    这篇文章主要介绍了js动态获取时间的方法,结合实例形式分析了javascript日期时间计算与页面元素动态操作相关实现技巧,需要的朋友可以参考下
    2019-08-08
  • 通用的加入收藏夹代码支持IE Firefox等浏览器

    通用的加入收藏夹代码支持IE Firefox等浏览器

    通用的加入收藏夹代码支持IE Firefox等浏览器...
    2007-06-06
  • javascript解锁前端密码框常见功能做法

    javascript解锁前端密码框常见功能做法

    这篇文章主要为大家介绍了javascript解锁前端密码框常见功能做法示例演示,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步早日升职加薪
    2022-03-03
  • js 实现picker 选择器示例详解

    js 实现picker 选择器示例详解

    这篇文章主要为大家介绍了js 实现picker 选择器示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • JS实现标签页切换效果

    JS实现标签页切换效果

    这篇文章主要为大家详细介绍了JS实现标签页切换效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js数组中如何随机取出一个值

    js数组中如何随机取出一个值

    这篇文章主要介绍了js数组中如何随机取出一个值,需要的朋友可以参考下
    2014-06-06
  • 图片自动缩小的js代码,用以防止图片撑破页面

    图片自动缩小的js代码,用以防止图片撑破页面

    图片自动缩小的js代码,用以防止图片撑破页面...
    2007-03-03
  • 谈谈JavaScript类型系统之Math

    谈谈JavaScript类型系统之Math

    Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法
    2016-01-01
  • 使用D3.js构建实时图形的示例代码

    使用D3.js构建实时图形的示例代码

    这篇文章主要介绍了使用D3.js构建实时图形的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • JavaScript动画函数封装详解

    JavaScript动画函数封装详解

    动画的原理是通过定时器setInterval() 不断移动盒子位置。但是如果同时有好几个元素都需要添加动画呢?我们就可以考虑将其封装成一个简单的动画函数。本文将为大家介绍如何进行封装,需要的可以参考一下
    2021-12-12

最新评论