我想格式化我的数字，总是显示2小数点后，四舍五入适用的地方。
例子:
number display
------ -------
1 1.00
1.341 1.34
1.345 1.35
我一直在用这个:
parseFloat(num).toFixed(2);
但是它把1显示为1，而不是1.00。
当前回答
在进行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()函数将自动处理空字符串并将其转换为零。
其他回答
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; } <span id=“num1”></span> <span id=“num2”></span> <span id=“num3”></span>
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat
变量数= 123456.789; console.log(纽约肯尼迪机场。NumberFormat(’en-IN’} maximumFractionDigits: 2 })的葡萄酒种植区(编号);
一个更通用的N位舍入解决方案
function roundN(num,n){
return parseFloat(Math.round(num * Math.pow(10, n)) /Math.pow(10,n)).toFixed(n);
}
console.log(roundN(1,2))
console.log(roundN(1.34,2))
console.log(roundN(1.35,2))
console.log(roundN(1.344,2))
console.log(roundN(1.345,2))
console.log(roundN(1.344,3))
console.log(roundN(1.345,3))
console.log(roundN(1.3444,3))
console.log(roundN(1.3455,3))
Output
1.00
1.34
1.35
1.34
1.35
1.344
1.345
1.344
1.346
用精度方法扩展数学对象
Object.defineProperty(数学、“精度”{ 值:函数(值，精度，类型){ var v = parseFloat(value) p = Math.max(precision,0)||0， T = type||'round'; 返回(数学[t] (v * Math.pow (p)) / Math.pow (p)) .toFixed (p); ｝ })； console.log ( Math.precision(3.1,3)， //四舍五入3位 Math.precision(0.12345,2，'ceil')， // ceil 2位数字 Math.precision(1.1) //整数 ）
为了获得最精确的舍入，创建这个函数并使用它舍入到小数点后2位:
功能轮(价值，十进制)( return编号(数学。(价值+ e +十进制)+ e-' +十进制)。 ) log(“seeked to”+ round(1,005,2));
> 1.01
感谢Razu、这篇文章和MDN的数学。圆的参考。
