如何去除多余小数？JS计算百分比精度异常问题排查

这个问题其实是浮点数精度限制在搞怪！JavaScript 里的数字采用的是 IEEE 754 标准的双精度浮点数，有些十进制小数（比如你遇到的 0.0554）无法被二进制精确表示，当你把它乘以 100 后，就会出现精度丢失，得到近似值 5.539999999999999 而非精确的 5.54。

解决方法有两种常用方案： #

1. 使用 toFixed() 方法（最直接）

toFixed(n) 可以帮你把数字格式化为指定小数位数的字符串，刚好满足你保留两位小数的需求：

var m_e = JSON.parse(JSON.stringify(data)).moe;
var e = m_e * 100;
$('#element').html('±' + e.toFixed(2) + '%');

执行后会直接输出 ±5.54%，注意 toFixed() 返回的是字符串，如果后续需要数值计算，可以用 parseFloat() 再转回来。

2. 使用 Math.round() 做四舍五入

如果你更倾向于处理数值而非字符串，可以先放大数值再四舍五入，最后缩小回来：

var m_e = JSON.parse(JSON.stringify(data)).moe;
// 先乘10000（把5.53999...变成553.999...），四舍五入后再除以100
var e = Math.round(m_e * 10000) / 100;
$('#element').html('±' + e + '%');

这种方式得到的是数值类型的 5.54，插入到 HTML 时会自动转为字符串。

另外补充：如果遇到 toFixed() 自动补零的情况（比如数值是 5.5 时会显示 5.50），可以用 parseFloat(e.toFixed(2)) 转成数值，再转字符串就能去掉末尾的零啦。

内容的提问来源于stack exchange，提问作者Steve Doson