JavaScript >> Javascript 文檔 >  >> JavaScript

使用 JavaScript toFixed()* 方法格式化數字 [示例]

本教程將向您展示如何在 JavaScript 編程語言中將數字格式化為固定的小數位數。

JavaScript 數字變量

JavaScript 變量有不同的類型 .變量的類型定義了它可以保存哪些類型的值,以及可以使用該值做什麼。

數字類型變量保存數值並包含許多用於執行數字運算的方法(內置函數)。

數字變量是通過簡單地為變量賦值或使用數字構造函數來聲明的。

var myNumber = 46;

var myNumber = Number(46);

使用數值聲明 Number 類型的變量後,toFixed() 方法可以將其格式化為指定的小數位數。

JavaScript Number.toFixed() 方法語法

toFixed() 方法會將數字格式化為固定的小數位數/位數。語法如下:

number.toFixed(digits)

請注意:

  • toFixed() 修改調用它的原始數值/變量
  • STRING 返回包含格式化數字的數字!
  • 數字 是一個可選參數
    • 如果沒有提供,默認值為0 將被使用
  • 數字會根據需要進行四捨五入
    • 如有必要,將附加零以達到所需的小數位數

toFixed() 方法代碼示例

let myNumber = 12345.6789

myNumber.toFixed()       // Returns '12346': Note rounding to nearest integer as default number of decimal places is 0
myNumber.toFixed(1)      // Returns '12345.7': Note number is rounded
myNumber.toFixed(6)      // Returns '12345.678900': Note zeros added to the end to reach number of desired decimal places
(1.23e+20).toFixed(2)  // Returns '123000000000000000000.00'
(1.23e-10).toFixed(2)  // Returns '0.00'
2.34.toFixed(1)        // Returns '2.3'
2.35.toFixed(1)        // Returns '2.4': Note number rounded up
2.55.toFixed(1)        // Returns '2.5': Note number rounded down
-2.34.toFixed(1)       // Returns -2.3 : Note that due to operator precedence, a string is not returned as the '-' operator has coerced the value back to a number
(-2.34).toFixed(1)     // Returns '-2.3': Note, above situation avoided as '-' operator is bracketed

浮點數警告

同樣值得牢記的是,浮點數並不總是由計算機準確表示 - 查看我們的文章,了解為什麼會這樣以及如何避免遇到常見的相關問題.


Tutorial JavaScript 教程
  1. 如何用 JavaScript 檢查 body 是否有特定的類?

  2. 一個小實驗

  3. 使用 React 和 GunDB 設置去中心化數據庫

  4. 讓我們通過重構一個 for 循環來實現 reduce 方法

  5. 請騎自行車的編碼員幫忙!

  6. 檢測 GIF 是否為動畫

  7. 使用 Vanilla JavaScript 進行狀態管理

  1. 由合併面構成的剪裁幾何體,模板蓋面未正確對齊

  2. 使用 CSS 和 JavaScript 彈出訂閱表單

  3. 從城市名稱獲取 WOEID?

  4. 使用 CSS Text-Shadow 創建浮雕文本

  5. 使用 Cloudflare 頁面為 Angular 應用程序託管您的 Kendo UI

  6. GTM - 將永遠存在的臨時功能的官方工具。

  7. 使用 React 和 TailwindCSS 創建動態主題

  1. 用於紗線工作區的 Docker 設置

  2. 如何使用 Node.js 抓取 Google Scholar 個人資料結果

  3. 無法刪除並在 router.delete 中找不到 404 錯誤

  4. 將 React 應用程序連接到 firebase