1、问题:
使用toFixed保留小数,是四舍六入五取偶(即四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一),但是项目要求采用四舍五入方法。
2、解决办法:
由于之前的页面开发中都是采用toFixed,替换原来的使用方法担心出问题。所以采用原型链改写toFixed方法。
1)number.js
// 重新写入 toFixed 方法
const numFunc = function (n) {
if (n > 20 || n < 0) {
throw new RangeError('toFixed() digits argument must be between 0 and 20');
}
const number = this;
if (isNaN(number) || number >= Math.pow(10, 21)) {
return number.toString();
}
if (typeof (n) == 'undefined' || n == 0) {
return (Math.round(number)).toString();
}
let result = number.toString();
const arr = result.split('.');
// 整数的情况
if (arr.length < 2) {
result += '.';
for (let i = 0; i < n; i += 1) {
result += '0';
}
return result;
}
const integer = arr[0];
const decimal = arr[1];
if (decimal.length == n) {
return result;
}
if (decimal.length < n) {
for (let i = 0; i < n - decimal.length; i += 1) {
result += '0';
}
return result;
}
result = integer + '.' + decimal.substr(0, n);
const last = decimal.substr(n, 1);
// 四舍五入,转换为整数再处理,避免浮点数精度的损失
if (parseInt(last, 10) >= 5) {
const x = Math.pow(10, n);
result = (Math.round((parseFloat(result) * x)) + 1) / x;
result = result.toFixed(n);
}
return result;
}
export default Number.prototype.toFixed = numFunc
2)main.js中引入number.js文件
参考资料:js中toFixed精度问题的原因及解决办法 - 走看看
补充:经领导指导,export default Number.prototype.toFixed = numFunc这行最好写在main.js中,因为是全局修改,看的人会更清楚