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

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

例子:

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

我一直在用这个:

parseFloat(num).toFixed(2);

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

当前回答

(Math.round(num * 100) / 100).toFixed(2);

现场演示

var num1 = “1”; document.getElementById（'num1'）.innerHTML =（Math.round（num1 * 100） / 100）.toFixed（2）; var num2 = “1.341”; document.getElementById（'num2'）.innerHTML =（Math.round（num2 * 100） / 100）.toFixed（2）; var num3 = “1.345”; document.getElementById（'num3'）.innerHTML =（Math.round（num3 * 100） / 100）.toFixed（2）; 跨度 { 边框：1px 实心 #000; 边距：5px; 填充：5px; }

注意，它将四舍五入到小数点后2位，因此输入1.346将返回1.35。

2011-05-26 05:27:34

其他回答

我喜欢:

var num = 12.749;
parseFloat((Math.round(num * 100) / 100).toFixed(2)); // 123.75

小数四舍五入2位，然后确保用parseFloat()来解析它返回Number，而不是String，除非你不在乎它是String还是Number。

2016-10-16 03:38:50

(Math.round(num * 100) / 100).toFixed(2);

现场演示

注意，它将四舍五入到小数点后2位，因此输入1.346将返回1.35。

2011-05-26 05:27:34

function formatValeurDecimal(valeurAFormate,longueurPartieEntier,longueurPartieDecimal){

valeurAFormate = valeurAFormate.replace(",",".")
valeurAFormate = parseFloat(valeurAFormate).toFixed(longueurPartieDecimal)
if(valeurAFormate == 'NaN'){
    return 0
}

//____________________valeurPartieEntier__________________________________
var valeurPartieEntier = valeurAFormate | 0

var strValeur = valeurPartieEntier.toString()
strValeur = strValeur.substring(0, longueurPartieEntier)
valeurPartieEntier = strValeur

//____________________valeurPartieDecimal__________________________________
strValeur = valeurAFormate
strValeur = strValeur.substring(strValeur.indexOf('.')+1)
var valeurPartieDecimal = strValeur

valeurAFormate = valeurPartieEntier +'.'+valeurPartieDecimal
if(valeurAFormate == null){
    valeurAFormate = 0
}

return valeurAFormate

}

2021-06-18 08:33:13

在进行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()函数将自动处理空字符串并将其转换为零。

2018-10-12 19:18:15

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

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

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

2011-05-26 05:58:17

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

推荐文章

最新文章

标签