JS中对数字（含有小数的）进行相乘后，数值不正确的问题

最新推荐文章于 2021-07-20 17:05:58 发布
最新推荐文章于 2021-07-20 17:05:58 发布
阅读量1.3k 收藏
点赞数
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CodeLixj/article/details/107858172
版权

之前测试的时候，偶然遇到了个小数相乘的问题，后来找了一下博客，才发现原来是JS浮点运算的问题，故在此记录了一下，避免我忘记。

背景

当时前台在页面上展示时是65.32，但是我后来查后台日志时发现传到后台时的数值为6531.999999999999，看了代码发现是由于前台传的金额与后台计算出的金额不一致，故被后台拦截。
然后我去看了前台的js代码，发现展示的金额确实没问题，但是在订单提交的时候出了问题。


这样直接算出来的确实是有问题的。

解决

（1）网上找到了一些解决办法，就是重新写了一些浮点运算的函数。
（2）这个和数据结构有关系
整数型自动转换成正型计算
小数型直接转成double型计算
这是在内存中运算的时候必须这样
你该知道计算机只认识0和1吧
具体的就是浮点精准度的问题
float 精确到小数点后7位
double 精确到小数点后15位

浮点运算的精度问题，所以代码里使用 toFixed() 进行四舍五入取整

Li_XiaoJin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js-解决小数相乘的精度问题
liuhao9999的博客
12-02 1630
// 把小数转成整数，同时返回要除以的10的倍数 function integer(num){ // 转成字符串 var newnum=""; newnum=num+""; // 分割字符串 var len=newnum.split(".")[1].length; // 求10的倍数 var total=1; ...
js中Number数字数值运算后值不对的解决方法
01-19
怎么会这样，两个只有一位小数的数字相乘，怎么可能多出这么小数点出来。 我Google了一下，发现原来这是JavaScript浮点运算的一个bug。 比如：7*0.8 JavaScript算出来就是：5.6000000000000005 解决方法：网上找到了...
数字电路中小数的操作
08-04
在数字电路的运算中，没有小数点概念的，小数你知道在哪个位置，但是电路不知道小数点的位置，所以你要想法让电路在不知道小数点的情况下仍然能够运算出你想要的结果。这里就要进行小数点对齐。
保留一位小数
小白的博客
06-30 1622
var f = Math.round(totalPrice * 10) / 10 先将所得的总价先乘以10，然后使用Math.round()函数取最接近的整数后，再除以10就可以得到正确的值了。如1.65*10=16.5，取整后为17，再除以10就得到了1.7，保留1位小数又能够四舍五入了，同理保留两位小数也一样先乘以100取整后再除以100就行了。 自己用于（BMI）： let h = Number(res.h) //身高 let w = Number(res.w) //体重...
ajax 请求 服务器只响应第一次请求，第二次请求不响应，为什么
huangwei19900407的专栏
08-19 4788
AJAX向servlet提交参数，如果参数不变的话，会被认为是一次提交 解决方法：加个参数比如?a=123&b=Math.random()，这里b就是改变的那个参数2
js中解决小数加减乘除运算不准
Cc_Rain
04-17 798
原因 因为计算机表示小数二进制的问题导致0.1+0.2这种没法精确计算 解决方案 把小数先转为整数进行运算，然后在转回小数 function accAdd(arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { r1 = 0; } try { r2 = arg2.toString(
javascript解决小数的加减乘除精度丢失的方案
共同学习，心怀感激。
07-12 975
作者：吴志春 续上篇 JavaScript的数字存储 我们知道了为何0.1+0.2≠0.3，发现了问题，那么这次我们来解决问题。 分析问题 在解决问题之前，我们先来弄清楚问题的根源。出现的问题的根源，整数是因为数据太大；小数是因为小数在转换成二进制时出现了无效循环的情况，由于存储位数限制因此存在“舍去”，精度丢失就发生了，。详细请看上一篇文章 JavaScript的数字存储。 解决方案 对于整数，前端出现问题的几率可能比较低，毕竟很少有业务需要需要用到超大整数，只要运算结果不超过 Math.pow
前端计算+-*/精度问题
weixin_43869524的博客
09-05 3412
/** * 加法运算，避免数据相加小数点后产生多位数和计算精度损失。 * * @param num1加数1 | num2加数2 */ numAdd(num1, num2) { var r1,r2,m; try{ r1 = num1.toString().split('.')[1].length; ...
JS中对数字（含有小数的）进行相乘后，数值不正确，多了好多位
热门推荐
Hello_A_Z的博客
06-07 1万+
       现在用IE8开发项目，好多兼容问题啊，今天写完页面，测试的时候，偶然遇到了个小数相乘的问题，代码没有错，后来找了一下博客，才发现原来是JS浮点运算的bug，特地记录了一下，避免我忘记，另外，方便大家共同学习。问题：　　37.5*5.5=206.08 (JS算出来是这样的一个结果，我四舍五入取两位小数)　　我先怀疑是四舍五入的问题，就直接用JS算了一个结果为：206.084999999...
JS实现小数的相乘
zebghfv的博客
07-20 1728
首先看代码： { let a = 0.02; let b = 0.0002; console.log(a * b); //输出结果：0.000004000000000000001 } 这是因为JavaScript 里的数字是采用 IEEE 754 标准的 64 位双精度浮点数。该规范定义了浮点数的格式，对于64位的浮点数在内存中的表示，最高的1位是符号位，接着的11位是指数，剩下的52位为有效数字。 用一个函数实现小数的乘积运算： { function multiply(a
JavaScript如何实现对数字保留两位小数一位自动补零
10-23
本文给大家介绍基于JavaScript如何实现对数字保留两位小数一位自动补零的实例代码，代码简单易懂，感兴趣的朋友一起学习吧
JS验证输入的是否是数字及保留几位小数问题
10-18
主要介绍了JS验证输入的是否是数字及保留几位小数问题，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
JS格式化数字金额用逗号隔开保留两位小数
10-26
JS格式化数字金额只留两位小数。写了个格式化函数。可以控制小数位数，自动四舍五入，感兴趣的朋友可以了解下
基于java的-28-“智慧食堂”设计与实现--LW-源码.zip
04-25
提供的源码资源涵盖了Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试，可以直接运行，可以放心下载使用。有任何使用问题欢迎随时与博主沟通，第一时间进行解答！
C#，回文分割问题（Palindrome Partitioning Problem）算法与源代码
04-25
C#，回文分割问题（Palindrome Partitioning Problem）算法与源代码 1 回文串 “回文串”是一个正读和反读都一样的字符串，初始化标志flag=true，比如“level”或者“noon”等等就是回文串。 2 回文分割问题 给定一个字符串，如果该字符串的每个子字符串都是回文的，那么该字符串的分区就是回文分区。 例如，“aba | b | bbabb | a | b | aba”是“abababababa”的回文分区。 确定给定字符串的回文分区所需的最少切割。 例如，“ababababababa”至少需要3次切割。 这三个分段是“a | babbab | b | ababa”。 如果字符串是回文，则至少需要0个分段。 如果一个长度为n的字符串包含所有不同的字符，则至少需要n-1个分段。
node-v9.2.1.tar.xz
最新发布
04-25
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
贪心算法解决活动选择问题，Java版源码
04-25
贪心算法是一种在每一步选择中都采取在当前状态下最好或最优的选择，从而希望导致结果是全局最好或最优的算法策略。贪心算法在有最优子结构的问题中尤为有效。最优子结构的意思是局部最优解可以决定全局最优解。 附件中一个使用贪心算法解决活动选择问题（也称为会议时间安排问题）的 Java 示例代码。这个问题的目标是选择最大的活动数量，使得活动之间互不重叠。 在示例中，我们定义了一个 Activity 类来表示每个活动的开始和结束时间。然后，我们创建了一个活动数组，并使用 Arrays.sort() 方法按照活动的结束时间对它们进行排序。 接下来，我们遍历排序后的数组，使用贪心算法的策略选择活动。选择的标准是当前活动的开始时间是否晚于或等于之前选择的最后一个活动的结束时间。如果是，我们就选择这个活动，并更新 lastActivityEnd 为当前活动的结束时间。最后，我们打印出可以执行的最大活动数量。
小程序-2-“最多跑一次”微信小程序--LW-源码.zip
04-25
提供的源码资源涵盖了小程序应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试，可以直接运行，可以放心下载使用。有任何使用问题欢迎随时与博主沟通，第一时间进行解答！
基于java的-198-ssm智能新冠疫苗接种助手--LW-源码.zip
04-25
提供的源码资源涵盖了Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试，可以直接运行，可以放心下载使用。有任何使用问题欢迎随时与博主沟通，第一时间进行解答！
c语言怎么对无线不循环小数进行正确输出
05-24
在C语言中，可以使用浮点数类型（float或double）来表示无限不循环小数。在输出时，可以使用格式化输出函数（如printf）来指定输出的精度。 例如，如果想要输出一个小数的前三位小数点后的数字，可以使用以下代码： ```c float x = 3.14159; printf("%.3f", x); ``` 输出结果为： ``` 3.142 ``` 其中，".3"代表输出小数点后三位数字，"%f"代表输出浮点数。通过修改".3"的值，可以输出不同精度的数字。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值