搜尋

首頁 >web前端 >js教程 >JavaScript 四捨五入至小數位：完整指南

JavaScript 四捨五入至小數位：完整指南

Patricia Arquette
Patricia Arquette原創
2025-01-08 07:34:40760瀏覽

精準度在 JavaScript 中至關重要，掌握 JavaScript 四捨五入到小數點後兩位對於準確計算和乾淨格式至關重要。在本部落格中，我們將探索 JavaScript 中的 Math.round 和 Math.floor 等方法。作為獎勵，我們還將討論如何在高級場景中將數字四捨五入到小數點後第 n 位！

JavaScript Round to ecimal Places: A Complete Guide

JavaScript 中數位舍入的重要性

為什麼四捨五入很重要？

四捨五入數字是程式設計中使用數字的重要面向。在 JavaScript Round to 2 Decimal Places 中，它簡化了計算，提高了可讀性，並確保了實際應用中的準確性。例如，金融交易、百分比和測量通常需要捨入價值，以避免數字過於精確，從而導致解釋混亂或錯誤。

為什麼要關注小數點後兩位？

當我們討論 JavaScript 舍入到小數點後兩位時，是因為在貨幣計算等場景中，兩位小數是標準的。超過兩位小數的精度是不必要的，並且可能會導致舍入錯誤或不一致。例如，價格通常顯示為 10.99 美元，而不是 10.9876 美元。透過在 JavaScript 中註重四捨五入到小數點後兩位，我們確保了結果的準確性、實用性和使用者友善性。

在 JavaScript 中將數字四捨五入到小數點後兩位的不同方法

基本方法

在 JavaScript 中將數字四捨五入時，最直接的方法是使用內建的 Math.round 和 Math.floor 方法。這些方法很容易實現，並且在大多數情況下都能很好地工作，但也有一些邊緣情況和陷阱需要考慮。

使用 Math.round

Math.round 是將數字四捨五入到最接近的整數的最簡單方法。要四捨五入到小數點後兩位，您可以縮放數字，執行四捨五入，然後按比例縮小。 

const roundToTwo = (num) => Math.round(num * 100) / 100;

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.344)); // Output: 12.34

邊緣案例：

當數字恰好位於兩個值之間時，Math.round 總是會四捨五入到最接近的偶數。在某些情況下這可能會導致意想不到的結果。 

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.335)); // Output: 12.33

使用 Math.floor

Math.floor 總是向下捨入到最接近的整數。為了四捨五入到小數點後兩位，我們應用相同的縮放技巧。 

const floorToTwo = (num) => Math.floor(num * 100) / 100;

console.log(floorToTwo(12.345)); // Output: 12.34
console.log(floorToTwo(12.349)); // Output: 12.34

陷阱：

當您需要標準舍入行為時，Math.floor 並不理想。它可能會導致應四捨五入的數字不準確。 

const roundToTwo = (num) => Math.round(num * 100) / 100;

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.344)); // Output: 12.34

要點：

  • Math.round 非常適合標準舍入，但對於恰好位於兩個值中間的數字可能會出現意外行為。
  • 當您總是想要向下舍入但可能無法滿足標準舍入要求時，Math.floor 是理想的選擇。
  • 兩種方法都需要縮放，這有時會引入浮點精度問題。

浮點精度問題範例 

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.335)); // Output: 12.33

出現這種情況是因為浮點運算導致 1.005 * 100 變成 100.49999999999999，導致 Math.round 捨入不正確。我們將在下一節中用高級方法解決此類問題！

先進方法

除了 Math.round 和 Math.floor 等經典方法之外，JavaScript 還提供了精確舍入的高級技術。這些方法解決了 JavaScript 四捨五入到小數點後兩位的常見陷阱，並提供了強大的解決方案，包括浮點算術調整、物件導向的方法和使用者定義的靈活性。

使用 Number.EPSILON 實現浮點精度

JavaScript 的浮點運算可能會導致意外結果，尤其是在 JavaScript 舍入到小數點後兩位。新增 Number.EPSILON（可以與 1 相加以產生大於 1 的結果的最小可能值）有助於減輕這些錯誤。 

const floorToTwo = (num) => Math.floor(num * 100) / 100;

console.log(floorToTwo(12.345)); // Output: 12.34
console.log(floorToTwo(12.349)); // Output: 12.34

為什麼效果更好：

Number.EPSILON 解決了浮點計算中的微小誤差，提高了 JavaScript 將 1.005 或 1.255 等棘手數字舍入到小數點後兩位的精度。

使用 Intl.NumberFormat 建構函數

Intl.NumberFormat API 是一個多功能建構函數，用於根據特定於區域設定的約定格式化數字。它對於 JavaScript 舍入到小數點後兩位特別有用，提供小數和分數數字的可自訂選項。 

console.log(floorToTwo(12.349)); // Output: 12.34 (Expected: 12.35)

為什麼效果更好：

  • 為 JavaScript 舍入到小數點後兩位提供精確度和本地化。
  • 支援透過 MaximumFractionDigits 等屬性進行自訂。

使用者定義函數

自訂函數是處理 JavaScript 舍入到小數點後兩位的特定場景的好方法。例如，使用指數表示法可以精確控制小數位。 

console.log(roundToTwo(1.005)); // Output: 1 (Expected: 1.01)

為什麼效果更好：

即使在複雜的場景中，自訂函數也可以處理邊緣情況並確保 JavaScript 舍入到小數點後兩位的精確度。

要點：

  • Number.EPSILON 解決了精度舍入的浮點錯誤。
  • Intl.NumberFormat 允許數位的本地化和靈活舍入。
  • 自訂函數為 JavaScript 四捨五入至小數點後兩位數提供客製化解決方案。
  • Decimal.js 等高階程式庫可確保要求極高精度的應用程式具有高精度。

獎勵：在 JavaScript 中四捨五入到小數點後第 N 位

除了將數字四捨五入到小數點後兩位之外，在某些情況下您可能需要四捨五入到任意小數位（小數點後第 n 位）。這需要一種強大、靈活的方法來最大限度地減少浮點精度誤差。

舍入到小數點後 N 位的自訂函數

以下函數將數字縮放、四捨五入，然後再縮小。它還結合了 Number.EPSILON 來處理浮點不準確問題。 

const roundToTwo = (num) => Math.round(num * 100) / 100;

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.344)); // Output: 12.34

運作原理：

  1. 縮放數字：將數字乘以 10^n，小數點向右移動 n 位。
  2. 捨去： 使用 Math.round 對縮放後的數字進行捨入，並加入 Number.EPSILON 以避免浮點問題。
  3. 縮小：捨入值除以 10^n，使小數點回到原來的位置。

主要優點：

  • 精度：正確處理 1.005 或 12.99999 等邊緣情況。
  • 彈性：只要指定 n，即可四捨五入至任意小數位。
  • 無錯誤： 合併 Number.EPSILON 以最大限度地減少浮點運算所造成的捨入誤差。

邊緣情況處理： 

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.335)); // Output: 12.33

與toFixed比較：

雖然可以使用 toFixed 方法，但它會傳回一個字串而不是數字，並且不能直接解決浮點不準確問題。 

const floorToTwo = (num) => Math.floor(num * 100) / 100;

console.log(floorToTwo(12.345)); // Output: 12.34
console.log(floorToTwo(12.349)); // Output: 12.34

透過使用自訂函數，我們簡化了流程並避免了不必要的轉換。

結論

JavaScript 中的數字舍入是確保計算和資料表示準確性的關鍵任務。我們探索了 Math.round 和 Math.floor 等經典方法，使用 Number.EPSILON、Intl.NumberFormat 的高級技術，甚至是強大的自訂函數來有效處理浮點精度問題。對於更複雜的場景，例如四捨五入到小數點後第 n 位，我們示範了一種靈活且無錯誤的方法，可以保證可靠的結果。

有關 JavaScript 舍入方法的更多詳細信息，請訪問官方 JavaScript 數學文件。

以上是JavaScript 四捨五入至小數位：完整指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript edge String Integer Object for while require Error math using JS number function constructor this position issue
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：如何在 Windows 上安裝 Docker：初學者指南下一篇：如何在 Windows 上安裝 Docker：初學者指南

相關文章

看更多