原生toFixed的bug

存在的问题 - 有些浏览器会存在这个问题

bash 复制代码
(1.35).toFixed(1) // '1.4'
(1.45).toFixed(1) // '1.4'
(1.55).toFixed(1) // '1.6'

1.45应该返回的是1.5

解决方案:

bash 复制代码
Number.prototype.toFixed = function(decimal){
  let str = this.toString()
  let strArr = str.split('.')
  let d = parseInt(decimal)
  // 参数为 0 和 非数字
  if(!d){
    return strArr[0]
  }
  // 整数
  if(str.indexOf('.') == -1){
    return str + '.' + '0'.repeat(d)
  }
  // 小数位不够
  if(strArr[1].length <= d){
    return str + '0'.repeat(d - strArr[1].length)
  }
  let num = strArr[1].charAt(d)
  strArr[1] = strArr[1].slice(0, d)
  // 有进位
  if(num - 5 >=0){
    let bit = this < 0 ? -1 : 1
    // 进位,正数加 1,负数加 -1
    let n = Number(strArr.join('')) + bit
    // 进位之后保留对应小数位
    let reg = new RegExp('(\\d{'+ d +'})$')
    return n.toString().replace(reg, '.$1')
  }
  return strArr.join('.')
}

原因:并非单纯的四舍五入,而是四舍六入五取偶的方法

​四舍​:当被修约的数字小于5时,该数字舍去。

​六入​:当被修约的数字大于等于6时,该数字舍去并向前进一位。

​五凑偶​:当被修约的数字为5时,处理较为复杂:

如果5后还有不为"0"的任何数,无论5的前面是奇数还是偶数,均应进位。

如果5后无有效数字,则需看5前面的数字。若为奇数,则向前进一位;若为偶数(包括0),则直接舍去5不进位。

相关推荐
CryptoPP5 分钟前
使用 KLineChart 这个轻量级的前端图表库
服务器·开发语言·前端·windows·后端·golang
p***434811 分钟前
前端路由管理
前端
是一碗螺丝粉1 小时前
React Native 运行时深度解析
前端·react native·react.js
Jing_Rainbow1 小时前
【前端三剑客-9 /Lesson17(2025-11-01)】CSS 盒子模型详解:从标准盒模型到怪异(IE)盒模型📦
前端·css·前端框架
爱泡脚的鸡腿1 小时前
uni-app D6 实战(小兔鲜)
前端·vue.js
青年优品前端团队1 小时前
🚀 不仅是工具库,更是国内前端开发的“瑞士军刀” —— @qnvip/core
前端
骑自行车的码农1 小时前
🍂 React DOM树的构建原理和算法
javascript·算法·react.js
北极糊的狐1 小时前
Vue3 中父子组件传参是组件通信的核心场景,需遵循「父传子靠 Props,子传父靠自定义事件」的原则,以下是资料总结
前端·javascript·vue.js
看到我请叫我铁锤2 小时前
vue3中THINGJS初始化步骤
前端·javascript·vue.js·3d
q***25212 小时前
SpringMVC 请求参数接收
前端·javascript·算法