toFixed小数格式化优化：实现整数不显示末尾.00

这个问题我之前也碰到过，toFixed(2)虽然能帮我们保留两位小数，但不管数值是不是整数都会加上.00，确实有点烦人。这里有几个简单的方法可以实现你想要的效果：

方法1：正则表达式替换（最简洁） #

先统一用toFixed(2)格式化，然后用正则去掉末尾的.00，代码非常简洁：

var myPerc = value.studPerc.toFixed(2).replace(/\.00$/, '');

效果示例： #

• 当value.studPerc = 90 → 90.00 → 替换后得到"90"
• 当value.studPerc = 89.9999 → 90.00 → 替换后得到"90"（符合四舍五入到两位小数的预期）
• 当value.studPerc = 89.89 → 89.89 → 替换后还是"89.89"
• 当value.studPerc = 0 → 0.00 → 替换后得到"0"，刚好满足你对0的特殊处理

方法2：判断是否为整数后分别处理 #

如果你想更明确地控制逻辑，可以先判断数值是否为整数，再选择不同的格式化方式：

var myPerc;
if (value.studPerc === 0) {
  myPerc = '0';
} else if (Number.isInteger(value.studPerc)) {
  myPerc = value.studPerc.toString();
} else {
  myPerc = value.studPerc.toFixed(2);
}

或者用三元表达式简化成一行：

var myPerc = value.studPerc === 0 
  ? '0' 
  : Number.isInteger(value.studPerc) 
    ? value.studPerc.toString() 
    : value.studPerc.toFixed(2);

注意事项： #

要注意浮点数的精度问题，比如有些看起来是整数的数值（比如90.00000000000001），因为JavaScript浮点数的存储机制，Number.isInteger会返回false。如果你的场景中可能出现这种情况，可以先对数值做近似处理：

const rounded = Math.round(value.studPerc * 100) / 100;
var myPerc = rounded === 0 
  ? '0' 
  : Number.isInteger(rounded) 
    ? rounded.toString() 
    : rounded.toFixed(2);

方法3：使用Intl.NumberFormat（灵活的国际化方案） #

如果你的项目需要考虑不同地区的数值格式（比如有的地方用逗号做小数点分隔符），可以用浏览器原生的Intl.NumberFormat，它能自动处理整数和小数的显示：

var formatter = new Intl.NumberFormat('en-US', {
  minimumFractionDigits: 0,
  maximumFractionDigits: 2
});
var myPerc = formatter.format(value.studPerc);

效果示例： #

• 90 → "90"
• 89.9999 → "90"（自动四舍五入到两位小数）
• 89.89 → "89.89"
• 0 → "0"

这个方法的好处是自带国际化支持，以后需要适配其他语言地区时，只需要修改第一个参数即可。

内容的提问来源于stack exchange，提问作者Hema Nandagopal