JS处理数据四舍五入(tofixed与round的区别详解)


Posted in Javascript onOctober 26, 2017

1 、tofixed方法

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数,则表示为:toFixed(Num);但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则,银行家舍入:所谓银行家舍入法,其实质是一种四舍六入五取偶(又称四舍六入五留双)法。具体规则如下:

简单来说就是:四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一。

显然这种规则不符合我们平常在数据中处理的方式。为了解决这样的问题,可以自定义去使用Math.round方法进行自定义式 的实现指定保留多少位数据进行处理。

定义和用法

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

语法
NumberObject.toFixed(num)

参数 描述
num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。

返回值

返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度。如果 num 大于 le+21,则该方法只调用 NumberObject.toString(),返回采用指数计数法表示的字符串。

抛出

当 num 太小或太大时抛出异常 RangeError。0 ~ 20 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。

当调用该方法的对象不是 Number 时抛出 TypeError 异常。

实例

在本例中,我们将把数字舍入为仅有一位小数的数字:

Show the number 13.37 with one decimal:

<script type="text/javascript">
var num = new Number(13.37);
document.write (num.toFixed(1))
</script>

输出:

13.4

2 、round方法

round() 方法可把一个数字舍入为最接近的整数。例如:Math.round(x),则是将x取其最接近的整数。其取舍的方法使用的是四舍五入中的方法,符合数学中取舍的规则。对于小数的处理没有那么便捷,但是可以根据不同的要求,进行自定义的处理。

例如:对于X进行保留两位小数的处理,则可以使用Math.round(X * 100) / 100.进行处理。

定义和用法

round() 方法可把一个数字舍入为最接近的整数。

语法
Math.round(x)
参数 描述
x 必需。必须是数字。
返回值
与 x 最接近的整数。

说明
对于 0.5,该方法将进行上舍入。

例如,3.5 将舍入为 4,而 -3.5 将舍入为 -3。

实例
把不同的数舍入为最接近的整数:

<script type="text/javascript">
document.write(Math.round(0.60) + "<br />")
document.write(Math.round(0.50) + "<br />")
document.write(Math.round(0.49) + "<br />")
document.write(Math.round(-4.40) + "<br />")
document.write(Math.round(-4.60))
</script>

输出:

1
1
0
-4
-5

以上这篇JS处理数据四舍五入(tofixed与round的区别详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
让textarea自动调整大小的js代码
Apr 12 Javascript
javascript获取当前鼠标坐标的方法
Jan 10 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
Mar 03 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
获取layer.open弹出层的返回值方法
Aug 20 Javascript
VueJS 组件参数名命名与组件属性转化问题
Dec 03 Javascript
ajax跨域访问遇到的问题及解决方案
May 23 Javascript
JavaScript实现五子棋游戏的方法详解
Jul 08 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
Jul 10 Javascript
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 #Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
Oct 26 #Javascript
纯JavaScript实现实时反馈系统时间
Oct 26 #Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
Oct 26 #Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 #Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 #Javascript
js 只比较时间大小的实例
Oct 26 #Javascript
You might like
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
解析php中memcache的应用
2013/06/18 PHP
PHP实现的简单分页类及用法示例
2016/05/06 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
JavaScript 错误处理与调试经验总结
2010/08/10 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
2013/12/14 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
同步文本框内容JS代码实现
2016/08/04 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
Vue.js仿Metronic高级表格(一)静态设计
2017/04/17 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
Win7上搭建Cocos2d-x 3.1.1开发环境
2014/07/03 Python
python利用urllib实现爬取京东网站商品图片的爬虫实例
2017/08/24 Python
同时安装Python2 &amp; Python3 cmd下版本自由选择的方法
2017/12/09 Python
解决Python2.7中IDLE启动没有反应的问题
2018/11/30 Python
Python Cookie 读取和保存方法
2018/12/28 Python
Python 虚拟空间的使用代码详解
2019/06/10 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
python小项目之五子棋游戏
2019/12/26 Python
Python Tornado批量上传图片并显示功能
2020/03/26 Python
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
公务员总结性个人自我评价
2013/12/05 职场文书
安全承诺书范文
2014/03/26 职场文书
集体生日活动方案
2014/08/18 职场文书
2014流动人口计划生育工作总结
2014/12/20 职场文书
安全生产先进个人总结
2015/02/15 职场文书
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP
Redis分布式锁Redlock的实现
2021/08/07 Redis