JS数值转字符串时怎么保留固定小数位

最基础的原生方法：toFixed()

在大多数日常场景中，JavaScript 提供了内置的 toFixed() 原生方法。该方法直接挂载在 Number.prototype 上，调用语法为 num.toFixed([digits])。

其中，参数 digits 代表期望保留的小数位数，取值范围通常在 0 到 100 之间（常用范围为 0 到 20）。如果不传该参数，默认保留 0 位小数。该方法执行后会返回格式化后的严格字符串类型，而原始变量本身的值和类型均不会发生改变。

const price = 123.456;
const result = price.toFixed(2);

console.log(result);         // 输出: "123.46" (四舍五入进位)
console.log(typeof result);  // 输出: "string"
console.log(price);          // 输出: 123.456 (原变量未被修改)

toFixed() 具有自动补零机制。当原数值的小数位数小于指定的位数时，引擎会自动在尾部补充字符 '0' 直至对齐要求的长度；当原数值是整数时，同样会自动补全小数点与零：

const integerVal = 7;
console.log(integerVal.toFixed(2));  // 输出: "7.00"

const singleDecimal = 3.1;
console.log(singleDecimal.toFixed(3)); // 输出: "3.100"

数字字面量调用的语法规范

当直接对数字字面量调用 toFixed() 时，必须给数字添加圆括号，例如 (42).toFixed(2)。如果直接写 42.toFixed(2)，JavaScript 词法分析器会将跟在数字后面的第一个点号优先识别为浮点数的小数点，由于紧随其后的是字符 t 而非合法数字，便会立即抛出 SyntaxError: Invalid or unexpected token 语法错误。

另一个常见细节是负数运算的结合优先级。在表达式 -2.34.toFixed(1) 中，点运算符的优先级高于一元减号运算符，实际等价于 -(2.34.toFixed(1))，计算得到 "-2.3"。在工程代码中，建议始终显式书写为 (-2.34).toFixed(1)，明确表达调用意图并避免歧义。

深入关键差异：toFixed() 的舍入偏差与四舍五入修正

在实际项目中，许多开发者会发现 toFixed() 并不总是按照严格的算术“四舍五入”规则运行。例如在主流浏览器控制台中执行以下语句：

console.log((1.005).toFixed(2));  // 预期是 "1.01"，但实际输出为 "1.00"
console.log((0.005).toFixed(2));  // 输出: "0.01"

同样的保留两位小数操作，0.005 成功进位为 "0.01"，而 1.005 却丢失了进位变成了 "1.00"。这一现象的关键根源在于计算机底层对浮点数的表示规范。

底层机制：IEEE 754 双精度二进制存储

JavaScript 采用 IEEE 754 双精度 64 位二进制浮点数格式存储所有数值。十进制小数在转换为二进制时，绝大多数都会成为无限循环小数。十进制的 1.005 在内存中的实际物理存储值为：

1.004999999999999893418589635984934866428375244140625

这个内部二进制值在物理上严格小于 1.005。当 toFixed(2) 审视保留两位之后的第三位小数时，引擎读取到的实际有效数字是 4 而非 5。依据就近舍入准则，它自然判定 4 < 5，因而向下舍去，导致最终输出了 "1.00"。

利用科学计数法指数移位实现精确四舍五入

有的读者可能会尝试用 Math.round(num * 100) / 100 来解决，但这往往行不通：1.005 * 100 在执行浮点数乘法时会算出 100.49999999999999，传给 Math.round() 仍然是 100，依然无法解决偏差。

真正可靠且无需引入沉重外部库的做法，是利用科学计数法字符串进行指数移位。通过在数字后拼接 'e' + digits，将小数点物理右移转为整数运算区间，避免了浮点乘法的抖动；随后调用 Math.round() 进行无歧义的整数级四舍五入；最后通过拼接 'e-' + digits 左移恢复，并用 toFixed(digits) 补齐末尾零：

/**
 * 精确算术四舍五入并转为固定小数位字符串
 * @param {number} num 待转换数值
 * @param {number} digits 保留小数位数
 * @returns {string}
 */
function roundToFixed(num, digits = 0) {
  if (typeof num !== 'number' || Number.isNaN(num)) {
    throw new TypeError('输入值必须为有效数值类型');
  }
  const exponent = Math.floor(digits);
  // 利用科学计数法将小数点右移 exponent 位，规避直接乘法的浮点误差
  const shifted = Number(num + 'e' + exponent);
  // 在整数维度完成纯粹的算术四舍五入
  const rounded = Math.round(shifted);
  // 将小数点左移还原，并通过 toFixed 确保指定位数补零
  return Number(rounded + 'e-' + exponent).toFixed(exponent);
}

console.log(roundToFixed(1.005, 2));  // 正确输出: "1.01"
console.log(roundToFixed(3.5, 2));    // 正确输出: "3.50"
console.log(roundToFixed(-1.005, 2)); // 正确输出: "-1.01"

常见变体需求：只截断不进位（向下抹零）

除了四舍五入之外，在电商提现、账户积分结算或商户费率扣除等业务中，存在一类明确的商业诉求：绝不允许虚增进位。即使后续数值达到了 0.999，也必须直接抹掉多余小数，仅保留前 N 位。

如果在此时使用 Math.floor(num * 100) / 100，同样会面临浮点运算的不确定性。最稳健、没有任何浮点溢出风险的方案是使用纯字符串分割与切片：

/**
 * 向下截断保留固定小数位字符串（不进位抹零）
 * @param {number} num 待转换数值
 * @param {number} digits 保留小数位数
 * @returns {string}
 */
function truncateToFixed(num, digits = 0) {
  if (typeof num !== 'number' || Number.isNaN(num)) {
    throw new TypeError('输入值必须为有效数值类型');
  }
  const d = Math.max(0, Math.floor(digits));
  if (d === 0) {
    return String(Math.trunc(num));
  }
  const [integerPart, decimalPart = ''] = String(num).split('.');
  // 利用 padEnd 补齐位数，再通过 slice 严格截取目标长度
  const formattedDecimal = decimalPart.padEnd(d, '0').slice(0, d);
  return `${integerPart}.${formattedDecimal}`;
}

console.log(truncateToFixed(12.3486, 2));  // 输出: "12.34" (直接丢弃 86，不进位)
console.log(truncateToFixed(5.1, 3));      // 输出: "5.100" (不足3位自动补零)

本地化与千分位格式化：Intl.NumberFormat

当业务不仅要求保留固定小数位，还需要输出带有千分位分隔符（如 "12,345.67"）或者货币符号的展示型字符串时，ECMAScript 标准提供的 Intl.NumberFormat 是最优雅的原生方案。

通过同时指定 minimumFractionDigits（最小小数位数）和 maximumFractionDigits（最大小数位数），即可锁定固定小数位并保证自动补零：

const formatter = new Intl.NumberFormat('zh-CN', {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
});

console.log(formatter.format(12345.6));     // 输出: "12,345.60"
console.log(formatter.format(8888888));     // 输出: "8,888,888.00"

Intl.NumberFormat 在不同国家和地区的本地化场景下能够自适应标点符号（例如某些欧洲语言采用逗号作为小数点，点号作为千分位），特别适合面向国际化产品的展示层需求。

全流程选型指南与开发核查清单

为了在实际开发中准确选择方案，下表总结了各方式在语法、精度、表现与适用场景上的横向对照：