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

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

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

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

代码javascriptMath.round((13.345 * 100).toPrecision(12))/100 Math.floor((13.345 * 100).toPrecision(12))/100
js 小数相乘后,精度缺失问题,记录四舍五入,向下取整
窗外鸟不停2023-09-13 12:51
相关推荐
渣波1 分钟前
从“迷路”到“瞬移”:彻底搞懂 React Router 的 `useLocation` 与 `useNavigate`申君健24864182772021 分钟前
WebGPU 开发入门:从设备初始化到渲染一帧橘子星2 分钟前
React Context + 自定义 Hooks:告别 Props 地狱,一行代码跨层级传数据moMo3 分钟前
前端路由,其实就是三个对象在演戏用户2930750976693 分钟前
React 自定义 Hooks 实战:用 useMouse 理解响应式封装触底反弹6 分钟前
🔥 别再只用 useRef 拿 DOM 了!这 5 个实战场景让你彻底理解它(附源码解析 + 面试题)玉宇夕落6 分钟前
useRef + Web Worker —— 从零到一理解React多线程协作原理用户6919026813397 分钟前
React useRef、useEffect、useState 与 Web Worker 多线程实践BreezeJiang8 分钟前
Web Worker 不负责渲染:React 中的线程分工与消息闭环烬羽8 分钟前
useContext 用是用了,但你真的用对了吗?——把 Context 封装进自定义 Hook