这个需求在电商、支付类场景里真的超常见！我来给你分享几个简单好用的方案，完美匹配你的输入输出要求。

先理清楚核心痛点：Math.round(num * 100) / 100没法给24.2补成24.20，而toFixed(2)又会把整数24强制变成24.00，单独用都没法满足需求。那我们可以把两者的优势结合，或者用正则来做简化处理。

方案一：正则简化版（最推荐） #

这个方法先用toFixed(2)完成四舍五入和补两位小数的操作，再用正则把整数情况的.00去掉，代码简洁又高效：

function formatPrice(num) {
  // 先处理可能的字符串输入，转成数字避免出错
  const number = typeof num === 'string' ? parseFloat(num) : num;
  // 四舍五入到两位小数，再移除末尾的.00
  return number.toFixed(2).replace(/\.00$/, '');
}

测试你的示例场景：

• formatPrice(24) → "24"
• formatPrice(24.231) → "24.23"
• formatPrice(24.2) → "24.20"

完全符合要求，而且代码量少、逻辑清晰，维护起来也省心。

方案二：显式判断整数类型处理 #

如果你更偏爱直观的逻辑分支，可以用Number.isInteger区分整数和浮点数，分别做处理：

function formatPrice(num) {
  const number = typeof num === 'string' ? parseFloat(num) : num;
  if (Number.isInteger(number)) {
    return number.toString();
  } else {
    // 先四舍五入到两位小数，再补全两位小数位
    const rounded = Math.round(number * 100) / 100;
    return rounded.toFixed(2);
  }
}

这个方案逻辑直白：先判断是不是整数，是就直接转字符串；不是就先完成四舍五入，再用toFixed(2)补成两位小数，同样能覆盖所有场景。

额外注意事项 #

• 如果输入可能是字符串（比如接口返回的价格字符串），一定要先转成数字类型，不然toFixed或Number.isInteger会报错。
• 浮点数精度问题：JavaScript浮点数偶尔会有精度偏差（比如0.1 + 0.2 = 0.30000000000000004），如果是对精度要求极高的场景，可以考虑用专门的金额处理库（比如decimal.js），不过日常电商场景下，上面的方案足够应付大部分情况。

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