JavaScript 显示精确到小数点后两位的浮点数

Question

我想显示一个精确到小数点后两位的数字。

我想我可以在 JavaScript 中使用 toPrecision(2) 。

但是，如果数字是 0.05，我会得到 0.0500。我宁愿它保持不变。

请在 JSbin 上查看。

最好的方法是什么？

我可以考虑编写一些解决方案，但我想（我希望）内置了这样的东西？

Answer 1

float_num.toFixed(2);

注意：toFixed()将舍入或用零填充。

Answer 2

您可以使用 toFixed 函数来完成此操作，但它在 IE 中存在错误。如果您想要可靠的解决方案，请在此处查看我的答案。

Answer 3

使用 toFixed 您可以像这样设置小数点长度：

let number = 6.1234
number.toFixed(2) // '6.12'

但是 toFixed 返回一个字符串，并且如果 number 根本没有小数点它会添加多余的零。

let number = 6
number.toFixed(2) // '6.00'

为了避免这种情况，您必须将结果转换为数字。你可以用这两种方法来做到这一点：

let number1 = 6
let number2 = 6.1234

// method 1
parseFloat(number1.toFixed(2)) // 6
parseFloat(number2.toFixed(2)) // 6.12

// method 2
+number1.toFixed(2) // 6
+number2.toFixed(2) // 6.12

Answer 4

number.parseFloat(2) 有效，但它返回一个字符串。

如果您想将其保留为数字类型，可以使用：

Math.round(number * 100) / 100

Answer 5

不知道我是如何想到这个问题的，但即使这个问题已经问了很多年了，我想添加一个我遵循的快速而简单的方法，它从未让我失望：

var num = response_from_a_function_or_something();

var fixedNum = parseFloat(num).toFixed( 2 );

Answer 6

尝试 toFixed 而不是 toPrecision 。

Answer 7

函数round（值，小数）{
return Number(Math.round(值+'e'+小数)+'e-'+小数);
}

轮(1.005, 2); // 返回 1.01

轮(1.004, 2); // 返回 1 而不是 1.00

答案如下： http://www. jacklmoore.com/notes/rounding-in-javascript/

Answer 8

如果你需要 2 位数字而不是字符串类型，我就用这种方法。

    const exFloat = 3.14159265359;
    
    console.log(parseFloat(exFloat.toFixed(2)));

Answer 9

您可以尝试混合使用 Number() 和 toFixed()。

将您的目标数字转换为具有 X 位数字的漂亮字符串，然后将格式化的字符串转换为数字。

Number( (myVar).toFixed(2) )

---

请参阅下面的示例：

var myNumber = 5.01;
var multiplier = 5;
$('#actionButton').on('click', function() {
  $('#message').text( myNumber * multiplier );
});

$('#actionButton2').on('click', function() {
  $('#message').text( Number( (myNumber * multiplier).toFixed(2) ) );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button id="actionButton">Weird numbers</button>
<button id="actionButton2">Nice numbers</button>

<div id="message"></div>

Answer 10

toFixed() 方法使用定点表示法格式化数字。

这里的语法

numObj.toFixed([digits])

digits 参数是可选的，默认为 0。返回类型是字符串而不是数字。但是您可以使用它将其转换为数字

numObj.toFixed([digits]) * 1

它也可以抛出异常，例如 TypeError、RangeError

这里是 完整详细信息以及浏览器中的兼容性。

Answer 11

let a = 0.0500
a.toFixed(2);

//output
0.05

Answer 12

还有 Intl API 可根据您的区域设置值设置小数格式。如果小数点分隔符不是点“.”，这一点尤其重要。而是用逗号“,”代替，就像德国的情况一样。

Intl.NumberFormat('de-DE').formatToParts(0.05).reduce((acc, {value}) => acc += value, '');

请注意，这将最多四舍五入到小数点后 3 位，就像上面默认情况下建议的 round() 函数一样。如果您想自定义该行为以指定小数位数，可以选择最小和最大小数位数：

Intl.NumberFormat('de-DE', {minimumFractionDigits: 3}).formatToParts(0.05)

Answer 13

float_num = parseFloat(float_num.toFixed(2))

Answer 14

我已经做了这个功能。它工作正常但返回字符串。

function show_float_val(val,upto = 2){
  var val = parseFloat(val);
  return val.toFixed(upto);
}