JavaScript小数运算出现多位的解决办法

2024-10-18前端开发问题
301

在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示:

产生原因:
JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会有这个问题。
解决办法:
一、先把需要运算的小数扩大成整数,运算后在缩小相同倍数。
 1. 例如:0.1+0.2  写成 (0.1*10+0.2*10)/10    结果:0.3 
 2.  注意:type 为 number
二、使用toFixed()
1. 例如:var a = 0.1+0.2  写成 a.toFixed(1)  结果:"0.3"
2. a.toFixed(2)
3. 结果:"0.30" 注意:type 为 string
两种解决方案得到的结果类型不同,第二种会强制保留n位,根据实际需要选择。
The End
运算符

相关推荐

如何在 JavaScript 中创建 CoffeeScript 风格的存在运算符?
How to create a CoffeeScript style existential operator in JavaScript?(如何在 JavaScript 中创建 CoffeeScript 风格的存在运算符?)...
2024-04-19 前端开发问题
2

在 Coffeescript 中迭代 ES6 Set/Map(使用 `of` 运算符)
Iterate over ES6 Set/Map in Coffeescript (with `of` operator)(在 Coffeescript 中迭代 ES6 Set/Map(使用 `of` 运算符))...
2024-04-19 前端开发问题
9

Javascript函数 - 将字符串参数转换为运算符
Javascript function - converting string argument to operator(Javascript函数 - 将字符串参数转换为运算符)...
2023-10-21 前端开发问题
4

带有多个表达式的 JavaScript 中的三元运算符?
Ternary Operator in JavaScript With Multiple Expressions?(带有多个表达式的 JavaScript 中的三元运算符?)...
2023-10-01 前端开发问题
2

没有运算符的JavaScript If语句条件?它有什么作用?
JavaScript If statement condition with no operator? What does it do?(没有运算符的JavaScript If语句条件?它有什么作用?)...
2023-10-01 前端开发问题
2

使用'&&'有什么区别和'||'通过三元运算符('
What is the difference between using #39;amp;amp;#39; and #39;||#39; over a ternary operator (#39;?#39; and #39;:#39;)?(使用amp;amp;有什么区别和||通过三元运算符(?和:)?)...
2023-10-01 前端开发问题
3