前端金额计算踩得小坑

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

大概经过是这样的,一个总金额,一个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,没有出现 逗号分隔符,所以一直是正常的,让我怀疑人生,以后遇到问题还是要把条件还原成和测试的一样~~~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值