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


Posted in Javascript onApril 25, 2013
<!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:四舍五入

Javascript 相关文章推荐
xss文件页面内容读取(解决)
Nov 28 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
解决ueditor jquery javascript 取值问题
Dec 30 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
Mar 03 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
javascript实现延时显示提示框效果
Jun 01 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
Jul 12 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
基于vue组件实现猜数字游戏
May 28 Javascript
vscode下的vue文件格式化问题
Nov 28 Javascript
浅谈javascript事件环微任务和宏任务队列原理
Sep 12 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 #Javascript
同时使用n个window onload加载实例介绍
Apr 25 #Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 #Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 #Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 #Javascript
jQuery中 noConflict() 方法使用
Apr 25 #Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 #Javascript
You might like
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
php获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
laravel config文件配置全局变量的例子
2019/10/13 PHP
jQuery Tools tooltip使用说明
2012/07/14 Javascript
解决jquery1.9不支持browser对象的问题
2013/11/13 Javascript
解析页面加载与js函数的执行 onload or ready
2013/12/12 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
JS获取字符串实际长度(包含汉字)的简单方法
2016/08/11 Javascript
浅析Javascript ES6中的原生Promise
2016/08/25 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
微信小程序页面开发注意事项整理
2017/05/18 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
2017/11/28 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
Vue 指令实现按钮级别权限管理功能
2019/04/23 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
python 基础教程之Map使用方法
2017/01/17 Python
Python中使用支持向量机(SVM)算法
2017/12/26 Python
flask-restful使用总结
2018/12/04 Python
python解析xml简单示例
2019/06/21 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
Nike法国官方网站:Nike.com FR
2018/07/22 全球购物
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
Europcar澳大利亚官网:全球汽车租赁领域的领导者
2019/03/24 全球购物
求职自荐信的格式
2014/04/07 职场文书
低碳日宣传活动总结
2014/07/09 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
2014年妇幼卫生工作总结
2014/12/09 职场文书
司机岗位职责范本
2015/04/10 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书
AudioContext 实现音频可视化(web技术分享)
2022/02/24 Javascript
Python Numpy库的超详细教程
2022/04/06 Python
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android