动态增长数值强制保留两位小数的实现方案咨询

你需要的功能可以直接使用JavaScript内置的toFixed()方法实现，无需手动写判断补零逻辑。该方法可以将数字格式化为指定小数位数的字符串，末尾不足的位数会自动补0，同时自带四舍五入能力。

正确实现代码 #

如果你需要直接对原数值格式化：

// 括号内的2代表保留2位小数
const formattedNum = num.toFixed(2)
document.getElementById('number').innerHTML = 'number ' + formattedNum

如果你需要先调用自定义的round2方法做四舍五入再格式化：

const formattedNum = round2(num).toFixed(2)
document.getElementById('number').innerHTML = 'number ' + formattedNum

如果你的数值是字符串类型，先转数字再处理即可：

const formattedNum = Number(num).toFixed(2)

如果遇到浮点数精度导致的四舍五入不符合预期的特殊场景，可以先放大取整再缩小处理：

const formattedNum = (Math.round(num * 100) / 100).toFixed(2)

原实现方案的问题 #

• 浮点数本身存在精度误差，你写的大小比较逻辑会出现判断偏差，无法覆盖所有边界场景
• 手动拼接字符串的方式会出现重复拼接小数点的错误，比如数值本身带1位小数时，拼接.00会产出123.1.00这类错误格式
• 逻辑冗余，原生方法已经覆盖所有需求场景，性能和兼容性都远高于自定义判断逻辑

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