num.toLocaleString保留两位小数不四舍五入？

Question

在使用 JavaScript 进行数字格式化时，`num.toLocaleString()` 是一个常用方法。然而，开发者常遇到一个问题：如何使用 `num.toLocaleString()` 保留两位小数且**不进行四舍五入**？默认情况下，该方法会根据数值进行四舍五入，例如 `1.236` 会被格式化为 `1.24`，而期望结果可能是 `1.23`。因此，如何在不使用第三方库的前提下，通过原生 JavaScript 实现保留两位小数并**截断多余位数**，成为了一个常见技术问题。解决方案需兼顾兼容性与精度控制，尤其在金融、财务等对精度敏感的场景中尤为重要。

Answer 1

JavaScript 数字格式化中的陷阱：截断小数而非四舍五入

在 JavaScript 开发中，num.toLocaleString() 是一个广泛使用的数字格式化方法，尤其适用于本地化显示。然而，在某些场景下，例如金融、财务或数据统计，开发者往往需要保留两位小数并截断多余位数，而不是默认的四舍五入行为。例如，数字 1.236 被格式化后期望结果为 1.23 而非 1.24。本文将从基础概念入手，逐步深入探讨这一问题的成因、分析过程与原生解决方案。

1. 问题现象与原理分析

使用 toLocaleString() 时，开发者常如下调用：

let num = 1.236;
console.log(num.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }));
// 输出：1.24

这说明该方法默认会进行四舍五入处理。其背后的原理是基于 IEEE 754 浮点数标准和 ECMA-402 规范定义的数值格式化规则。

2. 截断小数的常见思路与误区

为实现截断效果，开发者常尝试以下几种方式：

• 乘除法：如 Math.floor(num * 100) / 100
• 字符串截取：如 num.toFixed(3).slice(0, -1)
• 正则表达式：如 num.toString().match(/^[0-9]+(\.[0-9]{0,2})?/)[0]

然而，这些方法在某些边界条件下（如浮点数精度误差、负数处理、千分位分隔符等）会出现问题，导致结果不可靠。

3. 精确截断的实现方案

为了实现精确截断且保留两位小数，可以结合字符串处理与数值转换。以下是一个兼容性良好、逻辑清晰的实现：

function truncateToTwoDecimals(num) {
  const parts = num.toString().split('.');
  let integerPart = parts[0];
  let decimalPart = parts.length > 1 ? parts[1] : '';
  decimalPart = decimalPart.padEnd(2, '0').substring(0, 2);
  return parseFloat(`${integerPart}.${decimalPart}`);
}

let num = 1.236;
console.log(truncateToTwoDecimals(num)); // 输出：1.23

4. 整合 toLocaleString 实现本地化格式化

在截断小数后，再使用 toLocaleString() 可实现本地化格式输出：

function formatTruncatedNumber(num, locale = 'en-US') {
  const truncated = truncateToTwoDecimals(num);
  return truncated.toLocaleString(locale, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}

console.log(formatTruncatedNumber(12345.6789, 'de-DE'));
// 输出：12.345,67（德国格式）

5. 性能与兼容性对比分析

方法	是否截断	是否本地化	精度控制	兼容性
toFixed()	否	否	低	高
toLocaleString()	否	是	中	中
自定义截断 + toLocaleString()	是	是	高	高

6. 应用场景与扩展建议

该方法适用于对精度要求较高的场景，如金融交易、报表生成、计费系统等。此外，还可以进一步扩展支持以下功能：

• 动态小数位数控制
• 千分位符号自定义
• 负数格式化处理

例如，通过参数化设计实现任意小数位数截断：

function truncateDecimal(num, digits = 2) {
  const factor = Math.pow(10, digits);
  return Math.floor(num * factor) / factor;
}