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
相关推荐
渣波1 分钟前
从“迷路”到“瞬移”:彻底搞懂 React Router 的 `useLocation` 与 `useNavigate`
前端·javascript
申君健24864182772021 分钟前
WebGPU 开发入门:从设备初始化到渲染一帧
前端
橘子星2 分钟前
React Context + 自定义 Hooks:告别 Props 地狱,一行代码跨层级传数据
前端·javascript
moMo3 分钟前
前端路由,其实就是三个对象在演戏
前端·react.js
用户2930750976693 分钟前
React 自定义 Hooks 实战:用 useMouse 理解响应式封装
前端
触底反弹6 分钟前
🔥 别再只用 useRef 拿 DOM 了!这 5 个实战场景让你彻底理解它(附源码解析 + 面试题)
前端·javascript·react.js
玉宇夕落6 分钟前
useRef + Web Worker —— 从零到一理解React多线程协作原理
前端
用户6919026813397 分钟前
React useRef、useEffect、useState 与 Web Worker 多线程实践
前端
BreezeJiang8 分钟前
Web Worker 不负责渲染:React 中的线程分工与消息闭环
javascript·react.js
烬羽8 分钟前
useContext 用是用了,但你真的用对了吗?——把 Context 封装进自定义 Hook
前端·react.js·全栈