JavaScript保留一位小数末尾零丢失，Angular场景下求解决方案

先拆解你的两个核心需求：要么四舍五入后得到62.0，要么截断小数得到61.9，同时必须保留末尾的零。你遇到的问题大概率是类型转换导致字符串格式被丢失，或者没选对截断/四舍五入的方法，结合Angular场景给你具体方案：

一、要四舍五入得到62.0 #

你写的Number(object.number).toFixed(1)本身是对的——它会返回字符串"62.0"，但如果最终输出变成了62，肯定是后续把这个字符串又转回了数字类型（比如不小心用Number()包裹，或者Angular模板绑定时自动做了类型转换）。

解决步骤：

1. 直接保留字符串格式，别转数字：

   // 如果object.number本身是数字类型
   const formatted = object.number.toFixed(1); 
   // 如果object.number是字符串类型
   const formatted = Number(object.number).toFixed(1);
   

2. Angular模板里直接绑定这个字符串结果，或者直接在模板里处理：

   <td>{{ Number(object.number).toFixed(1) }}</td>
   

   这样绑定的是字符串，末尾的零不会丢失。

二、要截断小数得到61.9 #

如果不需要四舍五入，只想砍掉第二位及以后的小数，用Math.floor实现截断：

const num = Number(object.number);
const truncated = Math.floor(num * 10) / 10; // 得到61.9（数字类型）
const formatted = truncated.toFixed(1); // 转成字符串"61.9"

同样，必须用toFixed(1)转成字符串才能保留末尾的零，一旦转回数字就会丢失格式。

三、Angular刷新后格式异常的排查点 #

1. 检查处理逻辑的时机：确保在数据加载完成后再执行格式化，比如放在ngOnInit或者数据请求的回调里，别在数据还没初始化时就处理。
2. 排查是否有全局格式化逻辑：比如用了DecimalPipe的话，要明确配置保留一位小数：

   <td>{{ object.number | number:'1.1-1' }}</td>
   

   这个管道会直接输出带一位小数的字符串，自动保留末尾零，比自己写toFixed更适配Angular场景。

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