JS 中toFixed()的bug

最新推荐文章于 2023-09-11 15:58:21 发布
最新推荐文章于 2023-09-11 15:58:21 发布
阅读量293 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jackleechina2011212/article/details/84267262
本文探讨了JavaScript中使用toFixed方法进行小数点四舍五入时遇到的问题，并提供了一种替代方案来解决0.056这类数值四舍五入后的显示异常。
测试小数点四色五入。
例如，5.05---->toFixed(1) 5.1

5.056-------->toFixed(2) 5.06

但是用到0.056时就出现问题了toFixed(1)的结果是0.0

改用以下方法

var a=Math.round(0.056*10)/10;
JavaScript使用toFixed保留一位小数的踩坑记录：TypeError: xxx.toFixed is not a function
l_q_l的专栏
01-26 213
这就导致执行第一次后，child.order的类型变成了String，这样第二次执行toFixed的时候出错。JavaScript的toFixed函数是用于将一个数字格式化为指定的小数位数的字符串。toFixed()的返回值是String，不是Number。参数是一个可选参数，默认值为0，表示不保留小数位。然而第一次执行正确，第二次执行时，提示。是需要格式化的数字，
toFixed 函数引起的 bug，【干货】
2301_79655473的博客
04-04 844
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里免费领取[外链图片转存中…(img-TSAXjQCt-1712209354721)][外链图片转存中…(img-aMgH9p0Y-1712209354721)][外链图片转存中…(img-82MXLmhv-1712209354722)]
JS 浮点数精度问题，以及 toFixed 的 bug
qq_39025670的博客
03-31 2751
1.JS 浮点数精度问题 由于 JS 存在精度问题，所以以下运算结果与预期不符。 注：以下代码若无特殊说明，则均为谷歌浏览器下的运行结果。 0.56 * 100 // 56.00000000000001 0.1 + 0.2 // 0.30000000000000004 0.3 - 0.1 // 0.19999999999999998 所以不要用浮点数做以下判断 if (0.1 + 0.2 === 0.3) {} 当我们对浮点数做运算后要保留固定位小数时，也要进行处理 0.5623 * 100 // 预期
toFixed()方法bug
东方初白的博客
09-11 405
【代码】toFixed()方法bug。
javascript中toFixed()四舍五入计算bug，及解决方法，四舍六入，五看奇偶并不精准，重新toFixed方法才是万全之策呀
weixin_48228930的博客
02-23 1848
问题描述： 最近做一个项目涉及金额计算保留两位小数，以前一直以为toFixed方法就是四舍五入的，上线后用户用户反馈计算出来的金额少了一分钱，跟其票面金额不一致，深入研究后发现使用toFixed保留两位小数是大坑呀。 请看下面的例子： 3.135.toFixed(2) **本以为是3.14，然而却是3.13！！！** 网上有人整理出toFixed方法“四舍六入，五看奇偶”的原则： 当舍去位的数值 < 5时，直接舍去 当舍去位的数值 >= 6时，在舍去的同时向前进一位 当舍去位的数值
toFixed 函数引起的 bug
meimeib的博客
03-15 443
toFixed()在chrome、火狐、IE下的计算结果不同 chrome: 火狐： IE: 可以看到toFixed()的四舍五入在chrome、火狐上并不准确。 而toFixed()在chrome、火狐上也并不是网上所说的用银行家舍入法来进行四舍五入的。 原因 那为什么会这样呢，要从toFixed的定义说起，来看ecmascript 规范对toFixed的表述： 解决 假设要四舍五入的数字为number，要保留n位小数，可以先用 ，然后用 Math.round()取整，最后在除去，间接实现四舍五入。
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
12-09
总的来说，JavaScript中的浮点数计算需要注意精度问题，`toFixed()` 虽然提供了格式化功能，但在特定情况下可能会产生不一致的结果。通过理解其背后的银行家舍入法以及可能的误差源，我们可以编写自定义的解决方案来...
javascript中toFixed()四舍五入使用方法详解
12-09
有一种方式就是进行四舍五入的规则进行小数点后面的尾数处理，以前一直以为toFixed方法就是四舍五入的，知道一个用户反馈了金额计算的bug我才如梦初醒（亏了一毛钱），才仔细深究了下toFixed这个方法，唉，还是我...
js toFixed()方法的重写实现精度的统一
01-19
但凡用过js 中的toFix() 方法的， 应该都知道这个方法存在一个小小的BUG。 在IE 下和FF 下对于小数的进位有点不同。 例如（ 0.005）在ie 下 toFix(2)=0.00. 在FF 下 toFix(2)=0.01. 这样就会造成数据的差异。 我们...
javascript toFixed() 方法BUG的解决办法
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
06-08 2219
toFixed() 方法使用定点表示法来格式化一个数值。简单点来说，就是对数据进行四舍五入的处理，定点表示要保留的小数位数。 toFixed() 方法BUG的解决办法，详细内容请阅读小编的原创文章《javascript 写后端前必须要知道的事》， 文章地址：https://blog.youkuaiyun.com/u013350495/article/details/91345674 作...
Js toFixed()四舍五入BUG的解决方法
前端小狮的博客
04-19 6640
问题描述： 在js中四舍五入的函数 toFixed(n) , n为要保留的小数位数。 n为0~20，当n超过20的时候，js会出错。 var d=139.605; var f=d.toFixed(2); alert(f); 期望值：139.61 结果为：139.60 bug: 如果小数点前和要截取的前一位都是0时，不会按常理截取。 var h=0.07 h.toFixed(1)的...
解决JavaScript中 toFixed方法的bug
Stone的博客
09-28 597
/** * JavaScript 自带的 toFixed 方法有时候会出现计算不准确的问题 * 例如1.335toFixed(2) = 1.33, 但是实际应用中我们希望得到 1.335toFixed(2) = 1.34 * 重写Number原型对象上的toFixed方法 * 重写之后 1.335toFixed(2) = 1.34 */ Number.prototype.toFixed = function(len) { const origin = this let ta...
原生toFixed的bug
qq_44473483的博客
11-17 209
toFixed的bug解决
toFixed方法的bug
weixin_30268921的博客
10-13 215
最近在工作过程中碰到一个隐藏的bug，经调试发现竟然是toFixed函数不可靠的结果引起的。后端同学在处理价格比较的时候，用foFixed进行价格的四舍五入之后，竟然发现比较的结果有问题； 大家都知道，Number类型的变量有个toFixed方法，该方法将Number四舍五入为指定小数位数的数字，以字符串返回。 IE: 0.6 .toFixed(0); // 0 1.6 .toFixe...
js中window自带的四舍五入toFixed方法中的坑以及解决办法
三哥玩前端
03-09 764
今天我们来聊聊Window.toFixed吧，曾几何时，如果你说，有一个小数，我要你保留两位小数，我一定会很自信的祭出toFixed，But，让我们一起来看看以下效果。
js四舍五入四种 tofixed bug
orochi14的博客
08-02 707
var money=0.00542;//0.006;   alert(number(money).tofixed(2));   0.00function round2(number,fractiondigits){       with(Math){           return round(number*pow(10,fractiondigits))/pow(10,fractiondigit...
toFixed
ddwddw4的博客
11-12 2414
 toFixed在金额运算的时候是非常方便的，但是今天写的时候遇到一点小坑，所以记录一下，免得日后又忘了。 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 语法 NumberObject.toFixed(num) 参数 描述 num 必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了...
Math, toFixed小整
bangbDIV的博客
11-08 641
Math.ceil 向上截取  1.1  =&gt; 2 Math.floor 向下截取 1.1 =&gt; 1 取小数  Math.round(0.15 * 10) / 10   =&gt; 0.2   (满5加一) 0.15.toFixed(1) =&gt; 0.1   (满6加一)
js tofixed 四舍五入bug
最新发布
04-26
### JavaScript 中 `toFixed` 的四舍五入问题及其解决方案 #### 问题描述 JavaScript 中的 `toFixed(n)` 方法用于将数字转换为指定小数位数的字符串表示形式。然而，该方法采用的是 **银行家舍入法** 而非传统的四舍五入规则[^1]。这种舍入方式可能导致某些情况下结果不符合预期。 以下是银行家舍入法的核心规则： - 如果舍弃部分小于 5，则向下取整； - 如果舍弃部分大于等于 6，则向上取整； - 如果舍弃部分正好是 5，则依据前一位是否为偶数决定：如果是偶数则舍去；如果为奇数则进一[^3]。 由于这一特性，在实际开发中可能会遇到一些意外情况，比如： ```javascript const test = 36.665; console.log(test.toFixed(2)); // 输出 "36.66"，而非预期中的 "36.67" ``` 此现象表明默认行为可能无法完全满足传统意义上的四舍五入需求。 --- #### 解决方案概述 为了实现更精确的传统四舍五入效果，可以采取以下几种替代策略或自定义函数来弥补原生 `toFixed()` 方法存在的不足之处。 --- ### 方案一：基于 `Math.round()` 实现简单修正逻辑 通过手动调整数值后再调用 `Math.round()` 来完成真正的四舍五入操作。这种方法适用于大多数场景下的快速修复。 代码如下所示： ```javascript function myFixed(num, digit) { num = parseFloat(num); return (Math.round((num + Number.EPSILON) * Math.pow(10, digit)) / Math.pow(10, digit)).toFixed(digit); } // 测试案例 console.log(myFixed(36.665, 2)); // 正确输出："36.67"[^2] ``` 这里的关键在于利用 `(Number.EPSILON)` 增强浮点运算稳定性并配合幂次方放大缩小技巧达到目标精度范围内的理想结果。 --- ### 方案二：重写完整的 `toFixed` 函数 对于更加复杂或者严格控制的要求来说，可以直接编写一个全新的定制化版本代替原有的内置功能。下面提供了一个较为通用的例子供参考： ```javascript export function customToFixed(x, n) { let f_x = parseFloat(x); if (isNaN(f_x)) { console.warn('传递参数不是数字！'); return false; } f_x = Math.round(x * Math.pow(10, n)) / Math.pow(10, n); let s_x = f_x.toString(); let pos_decimal = s_x.indexOf('.'); if (pos_decimal < 0) { pos_decimal = s_x.length; s_x += '.'; } while (s_x.length <= pos_decimal + n) { s_x += '0'; } return s_x; } // 测试案例 console.log(customToFixed(36.665, 2)); // 正确输出："36.67"[^4] ``` 这段脚本不仅实现了标准意义下的四舍五入算法，还额外增加了错误检测机制以及确保最终返回值始终具备固定长度的小数格式。 --- ### 总结与建议 尽管 JavaScript 提供了便捷实用的工具如 `toFixed()` ，但在涉及高精度过滤时仍需谨慎对待其潜在缺陷。针对不同业务环境可以选择适当的方式加以改进优化——无论是简单的辅助计算还是全面覆盖型的新建模块皆可行之有效。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值