JS中小数相加相减时出现很长的小数点的解决方式

Posted 薄荷凉凉凉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中小数相加相减时出现很长的小数点的解决方式相关的知识,希望对你有一定的参考价值。

1、问题:

平时写的代码中会出现这种情况,parseFloat(11.3-10.1) 运行的结果依然是1.200000000000001

代码示例:

 var arr = [0.0111,11.002,0.3,1.5,1.61]
 var total = 0
   arr.forEach(item =>{
     total += item
   })
   console.log(total)

返回的结果---  14.423100000000002,这种情况就不合常理。

2、解决方案:

这里有一种可行的解决方法,应用到Math中的一些浮点应用的函数如:parseFloat()和Math.floor()

代码如下:

 var arr = [0.0111,11.002,0.3,1.5,1.61]
 var total = 0
    arr.forEach(item =>{
        total += parseFloat(item)
    })
    total = Math.floor(total*100)/100
    console.log(total)

返回的结果---  14.42,返回的是有两位小数点的数字。

 

当然还有其他的解决方案,这篇文章只记录这一种,作为总结和后期参考。

以上是关于JS中小数相加相减时出现很长的小数点的解决方式的主要内容,如果未能解决你的问题,请参考以下文章

关于js中小数运算丢失精度的处理办法

为啥javascript小数相减会出现一长串的小数位数?

js 小数加法的精度问题解决(0.1+0.2 != 0.3,怎么解决?)

整型和浮点型相减的问题

两种精度丢失问题

JS随笔3