解决“0.1 + 0.2 = 0.30000000000000004” - uniapp中JS浮点运算精度问题 - uniapp引入decimal.jsmath.js等数学库

Posted Rudon滨海渔村

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决“0.1 + 0.2 = 0.30000000000000004” - uniapp中JS浮点运算精度问题 - uniapp引入decimal.jsmath.js等数学库相关的知识,希望对你有一定的参考价值。

效果

 运算很准.jpg

原因

【js】小数浮点数计算不准确问题 - 三行代码 - 博客园

解决办法

1)uniapp项目引入decimal.js

2)在页面中使用数学库方法进行运算

步骤

  1. uniapp项目引入decimal.js
    1)在HBuilderX中打开项目
    2)视图 》 显示终端
    3)执行命令 npm i decimal.js


    自动安装到:
  2. 封装成公共的类,方便引用
    1)在项目根目录下创建文件 /utils/cal.js
    2)内容输入:
    /* 解决js计算精度问题 */
    import  Decimal  from 'decimal.js';//引入
    class Cal 
        jia(num1,num2) 
            return new Decimal(num1).add(new Decimal(num2))
        
        jian(num1,num2) 
            return new Decimal(num1).sub(new Decimal(num2))
        
        cheng(num1,num2) 
            return new Decimal(num1).mul(new Decimal(num2))
        
        chu(num1,num2) 
            return new Decimal(num1).div(new Decimal(num2))
        
    
    export const cal = new Cal();

  3. 重新编译项目
  4. 调用方法:
    <script>
    	import  cal  from '@/utils/cal'
    	export default 
    		data() 
    			return 
    				
    			
    		,
    		methods: 
    			
    			/**
    			 * 加 cal.jia(a, b)
    			 * 减 cal.jian(a, b)
    			 * 乘 cal.cheng(a, b)
    			 * 除 cal.chu(a, b)
    			 */
    			anyFn () 
    				let a = 0.1
    				let b = 0.2
    				let res = cal.jia(a, b)
    				console.log( res )
    			
    
    		
    	
    </script>

 

 

感谢

uniapp使用decimal.js处理js的加减乘除的计算精度问题 - 赵永强 - 博客园npm i decimal.js import Decimal from 'decimal.js';//引入 let num1 = 351921.8; let num2 = 3https://www.cnblogs.com/xiaozhuangge/p/15726679.html

以上是关于解决“0.1 + 0.2 = 0.30000000000000004” - uniapp中JS浮点运算精度问题 - uniapp引入decimal.jsmath.js等数学库的主要内容,如果未能解决你的问题,请参考以下文章

vs2008解决方案资源管理器不显示解决方案

什么是 沙盒解决方案

解决PowerShell乱码问题

如何解决解决方案中现有项目的c#CS0006错误

关于问题解决与事件解决的思考

「解决方案架构」解决方案架构概述