关于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('.');
}
相关推荐
掘金一周10 分钟前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架 | 掘金一周 9.18
前端·人工智能·后端
一涯20 分钟前
页面出现空白区域
前端
spmcor1 小时前
MinIO本地对象存储部署指南
前端
少年纪1 小时前
前端用 pdf.js 将 PDF 渲染到 Canvas 再转图片,文字消失的坑
前端
RoyLin1 小时前
TypeScript设计模式:复合模式
前端·后端·typescript
我是天龙_绍1 小时前
CSS/JS/图片全挂了,部署后页面白屏/资源加载失败?这两个配置项坑了多少人!
前端
我的小月月1 小时前
SQLFE:网页版数据库(VUE3+Node.js)
前端·后端
小高0071 小时前
🌐ES6 这 8 个隐藏外挂,知道 3 个算我输!
前端·javascript·面试
汤姆Tom1 小时前
Node.js 版本管理、NPM 命令、与 NVM 完全指南
前端·npm·node.js
东坡白菜1 小时前
SSE 实现 AI 对话中的流式输出
javascript·vue.js