如何正确格式化小数，保留最后一个零后的两位数字？

问题描述 #

我需要将小数格式化为保留最后一个前置零后的两位数字，期望效果如下：

let num1 = 0.028234234234234234
console.log(num1)
// 输出：0.028

let num2 = 0.0000028234234234
console.log(num2)
// 输出：0.0000028

let num3 = 0.0000000002823423
console.log(num3)
// 输出：0.00000000028

但使用原生的toFixed()和toPrecision()方法时，结果不符合预期：

let num1 = 0.000002800
console.log(num1.toFixed(7))
// 输出：0.000002800

console.log(num1.toPrecision(7))
// 输出：0.000002800000

请问无需复杂变通的正确实现方式是什么？

解决方案 #

你的需求本质是保留两位有效数字，同时自动去除末尾多余的零。原生JS没有直接的单一API满足，但可以通过原生方法组合实现，代码如下：

实现代码 #

function formatNumber(num) {
  // 处理科学计数法转普通小数
  function scientificToDecimal(str) {
    if (!/e/i.test(str)) return str;
    return str.split('e').reduce((a, b) => {
      const sign = b >= 0 ? 1 : -1;
      const digits = Math.abs(b);
      const numStr = a.replace('.', '');
      const decimalPos = a.indexOf('.');
      const leadingZeroCount = Math.max((decimalPos === -1 ? 0 : decimalPos) - sign * digits, 0);
      const newDecimalPos = decimalPos + sign * digits;
      const fullNumStr = numStr.padStart(numStr.length + leadingZeroCount, '0');

      if (newDecimalPos <= 0) {
        return `0.${fullNumStr.padStart(-newDecimalPos, '0')}`;
      } else if (newDecimalPos >= fullNumStr.length) {
        return fullNumStr + '0'.repeat(newDecimalPos - fullNumStr.length);
      } else {
        return `${fullNumStr.slice(0, newDecimalPos)}.${fullNumStr.slice(newDecimalPos)}`;
      }
    });
  }

  // 核心逻辑：取两位有效数字 → 转普通小数 → 去末尾零
  const precisionStr = num.toPrecision(2);
  const decimalStr = scientificToDecimal(precisionStr);
  return Number(decimalStr).toString();
}

// 测试验证
console.log(formatNumber(0.028234234234234234)); // 0.028
console.log(formatNumber(0.0000028234234234)); // 0.0000028
console.log(formatNumber(0.0000000002823423)); // 0.00000000028
console.log(formatNumber(0.000002800)); // 0.0000028

原理说明 #

1. toPrecision(2)：精准锁定两位有效数字，确保只保留第一个非零数字及后续一位（完全匹配你的需求）。
2. 科学计数法转换：极小数字会被toPrecision()转为科学计数法（如0.0000028 → "2.8e-6"），通过自定义函数将其转回普通小数格式。
3. Number().toString()：自动去除末尾多余的零，同时避免toFixed()/toPrecision()强制补零的问题。

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