格式数字始终显示2位小数

我想格式化我的数字，总是显示2小数点后，四舍五入适用的地方。

例子:

number     display
------     -------
1          1.00
1.341      1.34
1.345      1.35

我一直在用这个:

parseFloat(num).toFixed(2);

但是它把1显示为1，而不是1.00。

当前回答

在需要特定格式的地方，您应该编写自己的例程或使用库函数来完成所需的工作。基本的ECMAScript功能通常不足以显示格式化的数字。

关于舍入和格式的详细解释在这里:http://www.merlyn.demon.co.uk/js-round.htm#RiJ

作为一般规则，舍入和格式化应仅作为输出前的最后一步执行。过早地这样做可能会引入意想不到的大错误并破坏格式。

其他回答

你没有告诉我们全部情况。

alert(parseFloat(1). tofixed(2))显示1.00在我的浏览器，当我粘贴到位置栏。然而，如果你事后对它做了一些事情，它就会恢复。

alert（parseFloat（1）.toFixed（2））变量数 = 2 document.getElementById（'spanId'）.innerHTML = （parseFloat（num）.toFixed（2） - 1） <span id=“spanId”></span>

shows 1 and not 1.00

将数字转换为字符串，只保留两个小数:

var num = 5.56789;
var n = num.toFixed(2);

n的结果是:

5.57

在进行toFixed()调用之前，我必须在parseFloat()和Number()转换之间做出决定。下面是一个捕获用户输入后进行数字格式化的示例。

HTML:

<input type="number" class="dec-number" min="0" step="0.01" />

事件处理程序:

$('.dec-number').on('change', function () {
     const value = $(this).val();
     $(this).val(value.toFixed(2));
});

上述代码将导致TypeError异常。注意，虽然html输入类型是“数字”，但用户输入实际上是“字符串”数据类型。但是，toFixed()函数只能在Number类型的对象上调用。

最终代码如下所示:

$('.dec-number').on('change', function () {
     const value = Number($(this).val());
     $(this).val(value.toFixed(2));
});

我倾向于使用Number() vs. parseFloat()强制转换的原因是，我不需要对空输入字符串或NaN值执行额外的验证。Number()函数将自动处理空字符串并将其转换为零。

你可以使用numeric .js。

numeral(1.341).format('0.00') // 1.34
numeral(1.345).format('0.00') // 1.35

我建议你用

new Intl.NumberFormat('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(num)

这样，您还将拥有指定国家的本地格式，并且它将确保显示精确的2个小数(无论num是1还是1.12345，它将分别显示1.00和1.12)

在这个例子中，我使用德语本地化，因为我想我的数字显示与千分隔符，所以这将是一些输出:

1 => 1,00
1.12 => 1,12
1.1234 => 1,12
1234 => 1.234,00
1234.1234 => 1.234,12

推荐文章