我想显示一个数字到小数点后2位。
我想我可以在JavaScript中使用toPrecision(2)。
但是,如果这个数字是0.05,我得到0.0500。我宁愿它保持不变。
在JSbin上可以看到。
最好的方法是什么?
我可以想到编写一些解决方案,但我想象(我希望)像这样的东西是内置的?
我想显示一个数字到小数点后2位。
我想我可以在JavaScript中使用toPrecision(2)。
但是,如果这个数字是0.05,我得到0.0500。我宁愿它保持不变。
在JSbin上可以看到。
最好的方法是什么?
我可以想到编写一些解决方案,但我想象(我希望)像这样的东西是内置的?
当前回答
toFixed()方法使用定点表示法格式化数字。
这是语法
numObj.toFixed([digits])
参数Digits是可选的,默认为0。返回类型是字符串而不是数字。但是你可以把它转换成数字
numObj.toFixed([digits]) * 1
它也可以抛出异常,如TypeError, RangeError
这里是浏览器的完整细节和兼容性。
其他回答
float_num.toFixed(2);
注意:如果需要,toFixed()将四舍五入或填充零以满足指定的长度。
我不知道我是怎么想到这个问题的,但即使这个问题已经问了很多年了,我想补充一个我遵循的快速而简单的方法,它从来没有让我失望:
var num = response_from_a_function_or_something();
var fixedNum = parseFloat(num).toFixed( 2 );
let a = 0.0500
a.toFixed(2);
//output
0.05
您可以尝试混合使用Number()和toFixed()。
将目标数字转换为具有X位数字的漂亮字符串,然后将格式化后的字符串转换为数字。
(myVar).toFixed(2))
请看下面的例子:
var myNumber = 5.01; 变量乘数 = 5; $('#actionButton').on('click', function() { $('#message').text( myNumber * 乘数 ); }); $('#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> <按钮 id=“动作按钮”>奇怪的数字</button> <按钮 id=“动作按钮2”>不错的数字</button> <div id=“message”></div>
你可以像这样设置小数点的长度:
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