TypeScript中如何保留数字的末尾零而不删除？

问题本质 #

当你定义const fees: number = 10.20时，JavaScript/TypeScript的数字类型会自动忽略末尾无意义的0，直接输出会显示为10.2。你之前用toFixed()或toPrecision()没效果，大概率是后续又把格式化后的字符串转回了数字类型，导致末尾的0再次丢失。

有效解决方案 #

1. 正确使用toFixed(2)

toFixed(2)会返回字符串类型的结果，直接用这个字符串渲染即可，不要再次转换为数字：

const fees: number = 10.20;
const displayFees = fees.toFixed(2); // 结果为 "10.20"

把displayFees直接绑定到UI上，就能显示为10.20。

2. 使用Intl.NumberFormat格式化（推荐）

这个方法支持本地化配置，同样返回字符串，适合多语言场景：

const fees: number = 10.20;
const displayFees = new Intl.NumberFormat('zh-CN', {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
}).format(fees); // 结果为 "10.20"

关键注意点 #

必须保证最终渲染到UI的是格式化后的字符串，而不是原始数字类型。如果是在Vue/React等框架中，直接将字符串变量绑定到视图即可。

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