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
相关推荐
cnsxjean1 小时前
Vue教程|搭建vue项目|Vue-CLI2.x 模板脚手架
javascript·vue.js·ui·前端框架·npm
web组态软件1 小时前
BY组态-低代码web可视化组件
前端·低代码
react_in1 小时前
webpack 题目
前端·webpack
MarisolHu1 小时前
前端学习笔记-Vue篇-02
前端·vue.js·笔记·学习
学前端的小朱1 小时前
Webpack的基础配置
前端·webpack·node.js
小小优化师 anny2 小时前
JS +CSS @keyframes fadeInUp 来定义载入动画
javascript·css·css3
小周同学_丶2 小时前
解决el-select数据量过大的3种方法
前端·vue.js·elementui
先知demons3 小时前
uniapp开发微信小程序笔记10-触底加载
前端·笔记·微信小程序·小程序·uni-app
每一天,每一步3 小时前
react antd不在form表单中提交表单数据,而是点查询按钮时才将form表单数据和其他查询条件一起触发一次查询,避免重复触发请求
前端·javascript·react.js
NoneCoder3 小时前
HTML5系列(9)-- Web Components
前端·html·html5