如何在 JavaScript 中可靠地格式化數字以始終顯示小數點後兩位？-js教程-PHP中文網

如何在 JavaScript 中可靠地格式化數字以始終顯示小數點後兩位？

Linda Hamilton

發布： 2024-12-15 11:52:09

原創

903 人瀏覽過

How to Reliably Format Numbers to Always Show Two Decimal Places in JavaScript?

將數字格式化為始終顯示2 位小數

給定的任務涉及將數字轉換為始終顯示兩位小數的格式，並在必要時對它們進行四捨五入。雖然使用 parseFloat(num).toFixed(2) 的方法可以實現基本的轉換，但在處理整數時卻有些不足。

改進的解決方案：

解決這個問題，一個更穩健的解決方案可以是就業：

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

登入後複製

解釋：

Math.round(num * 100)：將數字乘以 100 並將其四捨五入到最接近的整數。這有效地將數字轉換為具有兩位小數的字串，即使對於整數也是如此。
(Math.round(num * 100) / 100)：將結果除以 100 以恢復數字的原始比例。
.toFixed(2)：將結果截斷至小數點後兩位，四捨五入其中

範例：

var num1 = "1";
var num2 = "1.341";
var num3 = "1.345";

document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);

登入後複製

例如：