关于toFixed四舍五入的精度问题

在日常使用toFixed的时候总会遇到一些奇奇怪怪的问题,经常会出现保留小数位数出现错误的时候,从网上搜索了一下,主流的说法是他们的算法是银行家舍入法,有兴趣大家可以自行百度。

比如:

复制代码
3.55.toFixed(1) // 结果为3.5

大概意思就是 3.55在toFixed看来它是3.5499999循环9,所以在保留一位小数的时候是3.5而不是3.6

有两种方法解决问题:

第一种就是使用插件:number-precision

复制代码
npm install number-precision --save

import NP from 'number-precision'

NP.round(3.55, 1);  // 3.6

其中number-precision还有许多解决关于js的精度问题

复制代码
console.log(0.1 + 0.2)  // 0.30000000000000004


NP.plus(0.1, 0.2)  // 0.3


// 其他用法 大家可以自行使用
NP.plus(num1, num2, num3, ...)   // num + num2 + num3
NP.minus(num1, num2, num3, ...)  // num1 - num2 - num3
NP.times(num1, num2, num3, ...)  // num1 * num2 * num3
NP.divide(num1, num2, num3, ...) // num1 / num2 / num3

第二种方法:自己封装

以下是从掘金上看大佬的写法:js精度丢失的问题,重新封装toFixed() - 掘金 (juejin.cn)

javascript 复制代码
export function toFixed(num, fixed = 2) {//fixed是小数保留的位数
  let numSplit = num.toString().split('.');
  if (numSplit.length == 1 || !numSplit[1][fixed] || numSplit[1][fixed] <= 4) {
    return num.toFixed(fixed);
  }
  numSplit[1] = +numSplit[1].substring(0, fixed) + 1 + '';
  if (numSplit[1].length > fixed) {
    numSplit[0] = +numSplit[0] + 1;
    numSplit[1] = numSplit[1].substring(1, fixed + 1);
  }
  return numSplit.join('.');
}
相关推荐
喜欢你,还有大家19 分钟前
FTP文件传输服务
linux·运维·服务器·前端
该用户已不存在23 分钟前
你没有听说过的7个Windows开发必备工具
前端·windows·后端
Bi34 分钟前
Dokploy安装和部署项目流程
运维·前端
普通网友36 分钟前
前端安全攻防:XSS, CSRF 等防范与检测
前端·安全·xss
携欢39 分钟前
PortSwigger靶场之Reflected XSS into attribute with angle brackets HTML-encoded通关秘籍
前端·xss
小爱同学_42 分钟前
React知识:useState和useRef的使用
前端·react.js
再学一点就睡1 小时前
双 Token 认证机制:从原理到实践的完整实现
前端·javascript·后端
随风飞翔的胖子1 小时前
js-cookie详细介绍及在vue3中的使用方法
vue.js·浏览器
wallflower20201 小时前
滑动窗口算法在前端开发中的探索与应用
前端·算法
蚂蚁绊大象1 小时前
flutter第二话题-布局约束
前端