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
相关推荐
做好一个小前端6 分钟前
ECharts 折线图大数据量性能优化参考
前端·性能优化·echarts
渣波6 分钟前
🧭 从 URL 到组件:深度剖析 React Router 原理与 SPA 路由架构艺术
前端
用户852495071847 分钟前
一个 useRef,三种人生:从 DOM 引用到 Web Worker
前端
无人生还12 分钟前
从 Vue3 到 React · 快速上手系列第 13 篇:工程化与综合实战(Vite + Todo 应用)
前端·vue.js·react.js
晴殇i15 分钟前
用 TRAE Work 搞定客户项目介绍,开发再也不用头疼写汇报 PPT
前端·后端
Cache技术分享16 分钟前
488. Java 反射 - 动态创建数组
前端·后端
Synmbrf16 分钟前
ECharts 饼图鼠标悬浮后标签 title 消失的问题
前端·javascript
Canace17 分钟前
用 AI 写了一天代码,为什么反而更累了?
前端·人工智能·ai编程
Vhen18 分钟前
Taro 封装小程序toast提示组件
前端
用户2506949216122 分钟前
React项目打包为.next文件部署
前端