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

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

例子:

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

我一直在用这个:

parseFloat(num).toFixed(2);

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

当前回答

var num = new Number(14.12); console.log (num.toPrecision (2));/ /输出14 console.log (num.toPrecision (3));/ /输出14.1 console.log (num.toPrecision (4));/ /输出14.12 console.log (num.toPrecision (5));/ /输出14.120

2012-09-07 13:16:23

其他回答

在进行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

这里还有一个泛型函数，可以格式化到任何小数位数:

function numberFormat(val, decimalPlaces) {

    var multiplier = Math.pow(10, decimalPlaces);
    return (Math.round(val * multiplier) / multiplier).toFixed(decimalPlaces);
}

2015-09-18 12:50:34

var num1 = “0.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; }

2020-02-05 10:09:08

(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

刚刚遇到了这个最长的线程，下面是我的解决方案:

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

如果有人能找到漏洞就告诉我

2019-05-28 20:29:18

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

推荐文章

最新文章

标签