JavaScript中的数字舍入：如何保留两位小数（且不超过）

轻松学习Python，无需理论负担。在浏览器中直接解决带自动检查的实践任务，无需安装任何东西。

数字的魔法：为什么0.1 + 0.2不等于0.3？

你好，未来的JavaScript大师！如果你曾经尝试在浏览器控制台中计算0.1加0.2，那么你很可能经历了一场文化冲击：

console.log(0.1 + 0.2); // 输出：0.30000000000000004

是的，JavaScript并没有疯掉。这是浮点数运算（IEEE 754）的标准问题。计算机无法在二进制系统中完美地表示0.1——这就像试图用十进制表示1/3一样。结果是一个无限小数。

于是，一个来自Stack Overflow的经典问题出现了，它获得了数千次浏览：“如何在必要时最多保留两位小数”。如何让数字显示得整洁，没有“0000000004”这样的尾巴？如何只在需要时舍入到两位小数？

在本文中，我们将提供一个逐步教程，一劳永逸地解决这个问题。你将了解为什么toFixed()有时会出错，Math.round()如何工作，以及为在线商店、计算器或仅仅为了美观地显示价格，应该选择哪种方法。

问题：“我想要两位小数，但不要更多！”

想象一下，你正在编写一个购物车。商品价格是10.00。你想显示10，而不是10.00。但如果价格是10.456，你想显示10.46。逻辑很简单：舍入到两位小数，但去掉多余的零。

标准方法toFixed(2)是这样做的：

const price = 10;console.log(price.toFixed(2)); // "10.00" — 但我们想要 "10"

const price2 = 10.456;console.log(price2.toFixed(2)); // "10.46" — 这个没问题

问题：toFixed()总是返回一个字符串，并且总是添加零。这不合适。

第二个细节——由于同样的浮点数问题，toFixed()可能会奇怪地舍入：

console.log((1.005).toFixed(2)); // "1.00" — 但应该是 "1.01"！

宾果！这就是为什么Stack Overflow上的问题如此受欢迎。让我们来探讨解决方案。

解决方案 #1：数学舍入（Math.round）

最可靠的方法是将数字乘以100，舍入，再除以100。它的工作原理如下：

function roundToTwo(num) {  return Math.round(num * 100) / 100;}

console.log(roundToTwo(10.456)); // 10.46console.log(roundToTwo(10));     // 10console.log(roundToTwo(1.005)); // 1 — 哎呀，又有问题

看到了吗？1.005 * 100 = 100.49999999999999（由于IEEE 754）。Math.round将其向下舍入，得到100，除以100 = 1。这不好。

结论：该方法适用于简单情况，但不适用于财务计算。对于学习示例来说，还可以。

解决方案 #2：Number.EPSILON — 精度的救星

为了克服浮点数误差，可以添加一个微小的增量——Number.EPSILON。这是JavaScript可以区分的最小差值（大约2.2e-16）。

function roundToTwo(num) {  return Math.round((num + Number.EPSILON) * 100) / 100;}

console.log(roundToTwo(1.005)); // 1.01 — 有效！console.log(roundToTwo(10.456)); // 10.46console.log(roundToTwo(10));     // 10

为什么这有效？我们将数字稍微向上推，使得100.4999...变成100.5...，从而正确舍入。

重要提示：此方法并非对所有极端情况都完美，但对于99%的任务来说，这是一个很好的解决方案。这正是Stack Overflow上经常推荐的方法。