JS保留4位有效数字格式化方法

本文深入解析了一种针对超低精度数值（如加密货币价格、链上汇率）的 JavaScript 特殊格式化需求：从第一个非零小数位开始，严格截断保留后续4位数字（非四舍五入、不损失精度），彻底避开 toFixed 和 toPrecision 的语义陷阱；通过纯字符串正则匹配精准定位前导零与有效数字段，兼顾整数、负数及极小值（如 0.000000010528483311 → 0.00000001052），并强调必须以字符串输入规避浮点数精度灾难——掌握这一技巧，你就能在金融级展示场景中稳稳拿捏毫厘之间的表达力。

本文介绍如何在 JavaScript 中实现「从第一个非零小数位开始，精确保留后续 4 位数字」的字符串截断式格式化（非四舍五入），适用于超低精度价格、代币汇率等场景。

本文介绍如何在 JavaScript 中实现「从第一个非零小数位开始，精确保留后续 4 位数字」的字符串截断式格式化（非四舍五入），适用于超低精度价格、代币汇率等场景。

在金融、区块链或高精度数据展示场景中，常需将极小数值（如 0.000000010528483311）显示为 0.00000001052——即跳过前导零，从第一个非零小数位起，严格截取 4 位数字（注意：是“截断”而非“四舍五入”，且包含整数部分与小数点）。这与 toFixed(4)（固定小数点后 4 位）或 toPrecision()（整体有效数字）行为完全不同。

toFixed(4) 会强制保留小数点后 4 位（如 0.0000），而用户目标是：

• 0.000000010528483311 → 0.00000001052（第 1 个非零位是 1，之后取 0528 的前 4 位 → 1052，共 9 位小数）
• 0.000018256390061274 → 0.00001825（第 1 个非零位是 1，之后 8256 → 取 1825，共 4 位小数）
• 0.012121512131313... → 0.01212（1 是首非零位，后续 2121 → 1212，共 5 位小数）

✅ 正确解法是基于字符串正则匹配，避免浮点数精度丢失和数值转换干扰：

function formatToFourDecimals(num) {
  const str = String(num);
  // 匹配：整数部分 + 小数点 + 任意个0 + 最多4个非零/零混合数字（但必须以首个非零为起点）
  const match = str.match(/^\d+\.\d*?(\d{1}\d{0,3})/);
  if (match) {
    const integerPart = match[0].split('.')[0];
    const decimalBody = match[1]; // 首非零位起至多4位
    return `${integerPart}.${'0'.repeat(Math.max(0, match[0].indexOf(decimalBody) - match[0].indexOf('.') - 1))}${decimalBody}`;
  }
  // 更简洁鲁棒的实现（推荐）：
  const cleanMatch = str.match(/^\d+\.0*(\d{1}\d{0,3})/);
  if (cleanMatch) {
    const leadingZeros = str.indexOf('.') + 1 + (str.slice(str.indexOf('.') + 1).match(/^0*/)?.[0].length || 0);
    const digits = cleanMatch[1];
    const zerosNeeded = leadingZeros - str.indexOf('.') - 1;
    return `${str.split('.')[0]}.${'0'.repeat(zerosNeeded)}${digits}`;
  }
  return str;
}

但上述逻辑稍显复杂。实践中，更清晰、可靠且符合原始需求的实现是使用 正向先行断言（lookahead）简化匹配：

function formatToFourDecimals(num) {
  const s = String(num);
  // 匹配：开头数字 + 小数点 + 任意前导零 + 紧接的1~4位数字（捕获为group1）
  const m = s.match(/^(\d+\.)0*(\d{1,4})/);
  if (m) {
    const [, intDot, digits] = m;
    // 补足被跳过的前导零位数，确保小数点位置正确
    const zerosCount = s.indexOf('.') + 1 + (s.slice(s.indexOf('.') + 1).match(/^0*/)?.[0].length || 0) - s.indexOf('.') - 1;
    return `${intDot}${'0'.repeat(zerosCount)}${digits}`;
  }
  // 若无前导零（如 0.123456），直接取小数点后前4位
  const simpleMatch = s.match(/^(\d+\.\d{1,4})/);
  return simpleMatch ? simpleMatch[0] : s;
}

然而，最简、可读性最高且 100% 覆盖示例的方案，是采用原始答案中的正则思路并做健壮增强：

function formatToFourDecimals(num) {
  const s = String(num);
  // 匹配：整数部分 + 小数点 + 任意数量0 + 接着1~4个数字（必须存在至少1个非零起始）
  const match = s.match(/^(\d+\.)0*(\d{1,4})/);
  if (match) {
    const [, intDot, digits] = match;
    // 计算原字符串中小数点后到第一个非零数字之间的 '0' 的个数
    const decimalPart = s.slice(s.indexOf('.') + 1);
    const leadingZeroCount = decimalPart.match(/^0*/)?.[0].length || 0;
    return `${intDot}${'0'.repeat(leadingZeroCount)}${digits}`;
  }
  // fallback：若无前导零（如 "12.34567"）或整数，直接截取小数点后最多4位
  const dotIndex = s.indexOf('.');
  if (dotIndex === -1) return s;
  const tail = s.slice(dotIndex + 1);
  return `${s.slice(0, dotIndex + 1)}${tail.substring(0, 4)}`;
}

// ✅ 测试验证
console.log(formatToFourDecimals("0.000000010528483311")); // "0.00000001052"
console.log(formatToFourDecimals("0.000018256390061274")); // "0.00001825"
console.log(formatToFourDecimals("0.00035256565612116112161")); // "0.0003525"
console.log(formatToFourDecimals("0.0121215121313131313131313")); // "0.01212"
console.log(formatToFourDecimals("32.3232326262623")); // "32.3232"
console.log(formatToFourDecimals("123")); // "123"
console.log(formatToFourDecimals("0.00000000012345")); // "0.0000000001234"

⚠️ 关键注意事项：

• 永远传入字符串或确保无精度损失：原始输入如 "0.000000010528483311" 是字符串，若传入 0.000000010528483311（Number 类型），JS 浮点数会立即丢失精度（变成 1.0528483311e-8），导致正则匹配失败；
• 不进行数学舍入：本方案是纯字符串截断，完全避免 Math.round 或 parseFloat 引入的隐式四舍五入；
• 兼容整数与无前导零小数：如 12.34567 → 12.3456，42 → 42；
• 不修改原始值语义：仅用于展示层格式化，业务计算仍应使用原始高精度字符串或 BigInt/专用库（如 decimal.js）。

? 进阶建议：
对于高频调用或需要支持负数、科学计数法的生产环境，可封装为带选项的工具函数：

function smartTruncate(num, options = { maxSignificantAfterZero: 4 }) {
  const s = String(num);
  const isNegative = s.startsWith('-');
  const base = isNegative ? s.slice(1) : s;
  const match = base.match(/^(\d+\.)0*(\d{1,4})/);
  // ...（同上逻辑，最后补回负号）
}

总结：当标准数值方法失效时，回归字符串本质处理是最可控的路径。掌握此正则模式，即可精准应对加密货币价格、链上 Gas 费、微秒级时间戳等超精细数值的展示需求。

理论要掌握，实操不能落！以上关于《JS保留4位有效数字格式化方法》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！