前端金额计算踩得小坑

文章讲述了作者在前端开发中遇到的一个问题,即在计算带有逗号分隔符的总金额与折扣后的结果时,由于直接使用了带有逗号的字符串进行parseFloat操作,导致计算错误。作者通过去除字符串中的非数字字符解决了问题,并提醒在遇到问题时要确保复现条件与测试一致。
摘要由CSDN通过智能技术生成

也不算是坑吧,菜鸡前端,自己的经验不足。

大概经过是这样的,一个总金额,一个input输入折扣,最后显示结果金额,这么简单的东西,愣是给我干傻了。

const total = '1,000.00'
const discount = 10
let final = parseFloat(total) - parseFloat(discount)

total是页面展示的金额做了处理有 ',' 逗号分隔符 ,而我在计算的时候直接使用了这个进行parseFloat结果就是遇到非法字符变成1,final就变成了 1 - 10 。。。

正确的只要把这个金额转回来。

const total = '1,000.00'
const discount = 10
const totalNbr = total.replace(/[^\d\\.-]/g, '');
let final = parseFloat(totalNbr) - parseFloat(discount)

还有一点就是测试在告诉我这个问题的时候,我自己尝试复现,但是并没有让金额达到1000,没有出现 逗号分隔符,所以一直是正常的,让我怀疑人生,以后遇到问题还是要把条件还原成和测试的一样~~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值