js 小数相乘后,精度缺失问题,记录四舍五入,向下取整

  1. 在做项目的时候,有一个计算金额的,结果发现计算的金额总是缺失0.01,发现相乘的时候,会失去精度,如图所示。被这整的吐血,由于计算逻辑由前端计算,所以传值后端总出错(尽量后端计算)。

    还发现toFixed也会失去进度,简单来说原因:算法不一样,叫说"银行家算法",不是正常的四舍五入,(想要了解可以具体百度一下,此处记录下自己的问题与解决方法)如图所示。
    一、取小数位是奇数,舍5入1;

    二、取小数位为偶数,舍5不进

  2. 我的解决方法
    toPrecision(value): 将数字格式化为特定的精度或长度
    toFixed(value) :方法将字符串四舍五入为指定的小数位数
    精度长度变大,后在四舍五入,向下取整;如图所示
    一、四舍五入,向下取整取位小数

    代码

    javascript 复制代码
    Math.round((13.345 * 100).toPrecision(12))/100
    Math.floor((13.345 * 100).toPrecision(12))/100
相关推荐
CappuccinoRose11 分钟前
CSS 语法学习文档(十七)
前端·css·学习·布局·houdini·瀑布流布局·csspaintingapi
keyborad pianist23 分钟前
Web开发 Day1
开发语言·前端·css·vue.js·前端框架
Never_Satisfied36 分钟前
在HTML & CSS中,可能导致父元素无法根据子元素的尺寸自动调整大小的情况
前端·css·html
We་ct1 小时前
LeetCode 101. 对称二叉树:两种解法(递归+迭代)详解
前端·算法·leetcode·链表·typescript
码云数智-大飞1 小时前
微前端架构落地实战:qiankun vs Module Federation 2026 深度对比与选型指南
前端·架构
IT枫斗者1 小时前
MyBatis批量插入性能优化:从5分钟到3秒的工程化实践
前端·vue.js·mysql·mongodb·性能优化·mybatis
前端 贾公子1 小时前
深入理解 Vue3 的 v-model 及自定义指令的实现原理(中)
前端·html
Never_Satisfied2 小时前
在HTML & CSS中,img标签固定宽度时,img和图片保持比例缩放
前端·css·html
Cache技术分享2 小时前
327. Java Stream API - 实现 joining() 收集器:从简单到进阶
前端·后端
颜酱2 小时前
滑动窗口算法通关指南:从模板到实战,搞定LeetCode高频题
javascript·后端·算法