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

最新推荐文章于 2025-05-13 15:02:52 发布
原创 最新推荐文章于 2025-05-13 15:02:52 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文探讨了JavaScript中浮点数运算的精度问题，通过一个实际案例揭示了前台展示金额与后台计算金额不一致的原因。文章详细分析了浮点数在计算机内存中的表示方式，解释了float与double类型的不同精度，并提供了使用toFixed()方法进行四舍五入取整的解决方案。

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

背景

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


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

解决

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

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

Li_XiaoJin
关注
js中Number数字数值运算后值不对的解决方法
01-19
怎么会这样，两个只有一位小数的数字相乘，怎么可能多出这么小数点出来。 我Google了一下，发现原来这是JavaScript浮点运算的一个bug。 比如：7*0.8 JavaScript算出来就是：5.6000000000000005 解决方法：网上找到了...
javascript 小数乘法结果错误的处理方法
12-12
JavaScript中的小数乘法有时会出现看似不正确的结果，这是因为JavaScript使用了双精度浮点数（IEEE 754标准）来存储和计算数值。在处理小数时，由于内部的二进制表示方式，可能会导致微小的精度损失，尤其是在进行...
js中解决小数加减乘除运算不准
Cc_Rain
04-17 932
原因 因为计算机表示小数二进制的问题导致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(
js大数相乘
qq_44326745的博客
02-10 644
情境 请你帮忙给从 1 到 n 的数设计排列方案，使得所有的「质数」都应该被放在「质数索引」（索引从 1 开始）上；你需要返回可能的方案总数。 由于答案可能会很大，所以请你返回答案 模 mod 10^9 + 7 之后的结果即可。 一道简单题，遇到了大数相乘的情况，发现js的大数相乘，然后模10^9 + 7结果并不准确 怎么模都不准确，在所有可能出现大数的地方添加模 /** * @param {number} n * @return {number} */ var numPrimeArrangeme
js除法保留小数_JS：javascript的小数点乘法除法精确计算问题
weixin_36205997的博客
01-27 948
提要用js计算12.32 * 7 结果是多少？答案：86.24000000000001为什么会出现这种问题？怎么解决？js在处理小数的乘除法的时候有一个bug，解决的方法可以是：将小数变为整数来处理。以上的计算可以改为：12.32 * 100 * 7 /100得出的结果是：86.24，正确。另外再计算一下：8.80 * 100 * 12 / 100结果：105.6000000000000238....
js实现 数字相乘 标准四舍五入，并保留小数点
qq_43465910的博客
11-03 1266
js四舍五入、小数保留
JS实现大数（整数）相乘
fendouzhe123的专栏
04-27 5371
大数，即超出语言所能表示的数字最大范围的数字，此时的数字只能用字符串来表示。那么如何实现两个大数相乘呢？我用JS实现了一下，代码如下： console.log(bigMut("567", "1234")); // 699678 function bigMut(big, common) { big += ""; common += ""; if (big.length < common.le
js-解决小数相乘的精度问题
liuhao9999的博客
12-02 1827
// 把小数转成整数，同时返回要除以的10的倍数 function integer(num){ // 转成字符串 var newnum=""; newnum=num+""; // 分割字符串 var len=newnum.split(".")[1].length; // 求10的倍数 var total=1; ...
js中数字运算结果与预期不一致的问题和解决方案
感恩、奋进、自信
02-19 1861
本文主要是和大家聊聊关于js中经常出现数字运算结果与预期结果不一致的问题，与及解决该问题的的方案。
js 中的小数计算误差问题
即使伤疤陪伴我一生,我也不会放弃
09-07 218
在js中，带小数的数据相加或相乘时总会出现好多位小数.这是因为在js中浮点数的计算是以2进制算的， 解决方法一般是将小数化成整数后再作除法。 加法和减法示例: function addValue(value1,value2){ if(value1=="")value1="0"; if(value2=="")value2="0"; var temp1=0; var temp2=...
javascript(js)的小数点乘法除法问题详解
12-11
一、用js计算12.32 * 7  结果是多少？答案：86.24000000000001 为什么会出现这种问题？怎么解决？js在处理小数的乘除法的时候有一个bug，解决的方法可以是：将小数变为整数来处理。以上的计算可以改为：12.32 * 100 * 7 /100得出的结果是：86.24，正确。 另外再计算一下：8.80 * 100 * 12 / 100结果：105.6000000000000238.80也会出现类似的问题。 精确度增加10倍：8.80 * 1000 * 12 / 1000结果：105.6正常了。 16.40 * 1000000 * 6 / 1000000结果也有问题 为了让j
【转】javascript 小数乘法结果错误处理
weixin_30664615的博客
07-27 372
一、用js计算 12.32 * 7 结果是多少？ 答案：86.24000000000001 为什么会出现这种问题？怎么解决？ js在处理小数的乘除法的时候有一个bug，解决的方法可以是：将小数变为整数来处理。 以上的计算可以改为： 12.32 * 100 * 7 /100 得出的结果是：86.24，正确。 另外再计算一下： 8.80 * 100 * 12 / 100...
js小数相加、相乘失去精度问题解析详解（最优方案）
js_admin的博客
07-22 9685
我们得到后台返回的float类型的数字，用来相加、相乘失去精度，得到小数点显示很多位，为了这个问题，小编找到一个最优方法，贡献给大家参考。 var CMX = CMX || {}; /** ** 加 **/ CMX.add = function (arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(
JavaScript 乘除法运算时，有精度误差的风险，导致运算结果出现很长的小数点，这种情况怎么解决？
Napster的专栏
05-24 1287
打印的运算的结果：运算结果为啥不是498.3，而是498.29999999999995。
JS 小数运算出现误差的两种解决办法
浮沉半生的博客
05-28 9141
文章目录问题解决方案限制精确位数先将小数转化为整数，运算之后再重新转化为小数总结 本文介绍了解决 JS 中小数运算出现误差的两种解决办法 问题 在 JS 的小数运算中可能会出现一些问题，比如说下面两种情况： 0.1 + 0.2 加法出现精度偏差问题 0.14 * 100 乘法出现精度偏差问题 解决方案 下面简单介绍了两种常用的解决方案： 限制精确位数 可以限制保留几位小数的方式来避免误差：...
【JavaScript】JavaScript实现大数相乘
最新发布
小秀的博客
05-13 823
在 JavaScript 中处理大数相乘时，由于 Number 类型存在精度限制（最大安全整数为 2⁵³-1），需要特殊处理。
JS中对数字（含有小数的）进行相乘后，数值不正确，多了好多位
热门推荐
Hello_A_Z的博客
06-07 1万+
       现在用IE8开发项目，好多兼容问题啊，今天写完页面，测试的时候，偶然遇到了个小数相乘的问题，代码没有错，后来找了一下博客，才发现原来是JS浮点运算的bug，特地记录了一下，避免我忘记，另外，方便大家共同学习。问题：　　37.5*5.5=206.08 (JS算出来是这样的一个结果，我四舍五入取两位小数)　　我先怀疑是四舍五入的问题，就直接用JS算了一个结果为：206.084999999...
js中乘、除、取余、加、减操作符
m0_66239735的博客
04-03 3594
如果有一个操作数是对象，则调用对象的 valueOf()方法以取得表示该对象的数值。如果得到的值是 NaN，则减法的结果就是 NaN。如果对象没有 valueOf()方法，则调用其 toString()方法并将得到的字符串转换为数值。如果有一个操作数不是数值，则在后台调用 Number()将其转换为数值，然后再应用上面的规则。除法操作符由一个斜线符号（/）表示，执行第二个操作数除第一个操作数的计算。如果操作数都是数值，执行常规的除法计算，返回除得的余数；数组有一个值且为数字，转为数字;
JS实现小数的相乘
zebghfv的博客
07-20 1960
首先看代码： { 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中如果两个字符类型的数字相乘或相除，返回的值什么类型的
03-25
<think>好的，用户问的是在JavaScript中，两个字符类型的数字相乘或相除后返回的值是什么类型的。首先，我需要确认用户的问题核心在哪里。 用户可能对JavaScript的类型转换机制不太熟悉，特别是当操作数是字符串类型的时候。比如，用户可能写了一段代码，例如"3" * "2"，然后发现结果不是字符串而是数字，因此产生疑问。 接下来，我需要回忆JavaScript中的类型转换规则。当使用乘法或除法运算符时，JavaScript会尝试将操作数转换为数字类型。即使操作数看起来像数字的字符串，也会被转换成数值再进行运算。这一点和加法不同，因为加法在字符串情况下会进行拼接。 然后，应该考虑用户可能的误区。例如，用户可能以为所有运算符在处理字符串时都会保持字符串类型，但实际上乘法、除法和减法会触发类型转换。需要明确指出这些差异，并提供示例帮助理解。 另外，用户可能对隐式类型转换的具体过程感兴趣，比如如何将字符串转为数字，转换失败的情况（如NaN），以及如何显式转换来避免错误。需要分步骤解释，确保用户明白背后的机制。 还要考虑用户的实际应用场景，比如处理表单输入时，输入的值通常是字符串，进行数学运算前需要转换。这时候隐式转换可能带来便利，但也需要注意潜在的错误处理，例如非数字字符串的情况。 最后，总结时强调JavaScript在处理乘除时的自动转换，以及推荐显式转换的最佳实践，帮助用户写出更健壮的代码。同时，提醒用户不同运算符的不同行为，避免混淆。</think>在 **JavaScript** 中，如果两个字符类型的“数字”（即字符串形式的数字，例如 `"5"` 或 `"3.14"`）进行**乘法**（`*`）或**除法**（`/`）运算，JavaScript 会自动将它们**隐式转换为数值类型**，再进行计算，最终返回的结果类型是 **`number`**。 --- ### **具体规则与示例** #### 1. **乘法运算** ```javascript console.log("2" * "3"); // 输出: 6（类型是 number） console.log("5.5" * "2"); // 输出: 11（类型是 number） ``` - **行为**：JavaScript 会先将字符串转换为数字，再进行乘法运算。 - **如果字符串无法转换为数字**，结果为 `NaN`（类型仍为 `number`）： ```javascript console.log("abc" * "2"); // 输出: NaN（类型是 number） ``` --- #### 2. **除法运算** ```javascript console.log("6" / "2"); // 输出: 3（类型是 number） console.log("10" / "4"); // 输出: 2.5（类型是 number） ``` - 同样会先转换字符串为数值类型，再进行除法运算。 - **除以 0 或非数值字符串**： ```javascript console.log("5" / "0"); // 输出: Infinity（类型是 number） console.log("a" / "2"); // 输出: NaN（类型是 number） ``` --- ### **对比其他运算符** - **加法运算（`+`）是例外**：如果操作数是字符串，`+` 会优先进行字符串拼接： ```javascript console.log("2" + "3"); // 输出: "23"（类型是 string） ``` --- ### **隐式转换的底层逻辑** JavaScript 在遇到乘除运算符时，会调用 `Number()` 方法将字符串转为数值： - `Number("5")` → 5（数值） - `Number("5.2")` → 5.2 - `Number("abc")` → `NaN` --- ### **显式转换建议** 为了避免歧义，可以**手动将字符串转为数值**： ```javascript const a = "5"; const b = "3"; console.log(Number(a) * Number(b)); // 更安全的写法（输出: 15） ``` --- ### **总结** - **乘除运算符**（`*`、`/`）会强制将字符串类型的数字转换为 `number` 类型。 - 结果始终是 `number` 类型（可能是整数、小数、`Infinity` 或 `NaN`）。 - **加法运算符（`+`）是唯一保留字符串拼接行为的运算符**，需特别注意。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值