JS的toFixed的四舍五入精准问题

浏览器

1.谷歌浏览器(55.0.2883.87 m)
2.火狐浏览器(44.0.2)
3.ie浏览器(11.545.10586.0)

相关代码

var num = 3.445;
console.log(num.toFixed(2));

执行结果

1.谷歌 3.44
2.火狐 3.44
3.ie 3.45

结论

不同浏览器的js引擎对 四舍五入的边界值处理是不同的
当进位判断数恰好是5 的时候 谷歌火狐 会执行舍去操作 ie会执行进位操作

解决方案

自己写方法处理特殊情况

/**
 * @替换JS原生toFixed方法
 * @return {string}
 */
export function NToFixed (num, s) {
  // 最近发现的问题 如果传入的参数 num 为null、undefined、""、"   "
  // 的话参数会输出NAN.00
  num = ~~num
  s = ~~s
  const negativeNum = num < 0
  const times = Math.pow(10, s + 1)
  let CNum = 0
  let des = parseInt(num * times)
  let rest = des % 10

  if (negativeNum) {
    rest = -rest
    des = -des
  }

  if (rest === 5) {
    CNum = ((parseFloat(des) + 1) / times).toFixed(s)
    CNum = negativeNum ? -CNum : CNum
  } else {
    CNum = parseFloat(num).toFixed(s)
  }

  if (`${CNum}`.indexOf('.') === -1) {
  	if (s>0){
  		let numEndStr = ''
  		for(let i=0; i < s; i++){
			numEndStr += '0'
		}
  		CNum = `${CNum}.${numEndStr}`
  	}
  }
  return `${CNum}`
}

使用第三方库

第三方库参考

https://github.com/MikeMcl/decimal.js

Math.pow() 方法可返回 x 的 y 次幂的值。

Math.pow(10,2) 返回 10 的 2次幂 100

parseInt() 函数可解析一个字符串，并返回一个整数。

parseInt(string, radix)
string: 必需。要被解析的字符串。
radix:
可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。
如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。

parseFloat() 函数可解析一个字符串，并返回一个浮点数。

parseFloat(string)
parseFloat(2.334) //2.334

参考链接