如何在JavaScript中将数值格式化为固定三位小数？

要实现你需要的**始终保留三位小数（含四舍五入）**的效果，有两种常用且可靠的方法：

方法一：直接使用toFixed(3) #

Number.prototype.toFixed()方法会将数值四舍五入到指定的小数位数，并返回一个带固定小数位的字符串，刚好匹配你的需求：

// 示例用法
(1).toFixed(3);          // 返回 "1.000"
(1.02).toFixed(3);       // 返回 "1.020"
(2.000004).toFixed(3);   // 返回 "2.000"
(2.5687).toFixed(3);     // 返回 "2.569"
(-1.2345).toFixed(3);    // 返回 "-1.235"

如果你的输入是字符串类型的数值，需要先转换为Number类型再调用方法：

const strNum = "2.5687";
Number(strNum).toFixed(3); // 返回 "2.569"

方法二：结合Math.round()和格式处理 #

如果你需要先得到四舍五入后的数值，再转为三位小数格式，可以用Math.round()实现：

function formatThreeDecimals(num) {
  // 先将数值放大1000倍，取整后再缩小回原比例，得到四舍五入到三位的数值
  const roundedNum = Math.round(num * 1000) / 1000;
  // 转为带三位小数的字符串
  return roundedNum.toFixed(3);
}

// 调用示例
formatThreeDecimals(1);          // "1.000"
formatThreeDecimals(2.5687);     // "2.569"

注意事项 #

• toFixed()返回的是字符串类型，如果需要数值类型，可以用Number()再转换，但此时末尾的零会被省略（比如Number("1.000")会得到1），所以如果需要保留三位小数的显示效果，建议直接使用字符串结果。
• 两种方法都遵循标准的四舍五入规则，能处理正数、负数以及各种小数位的输入。

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