資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 JavaScript 中格式化數字並保留兩位小數？
本教程將教會我們如何使用 JavaScript 格式化數字並保留兩位小數。格式化數字意味著將數字四捨五入到指定的小數位。在 JavaScript 中，我們可以應用多種方法來執行格式化操作。其中一些列出如下：
toFixed() 方法
Math.round() 方法
Math.floor() 方法
Math.ceil() 方法
toFixed() 方法
toFixed() 方法 用於格式化數字，使其在小數點後具有指定位數。它返回數字的字串表示形式，該表示形式不使用指數表示法，並且在小數點後具有準確的數字位數。
語法
以下是使用 toFixed() 方法將數字格式化為保留兩位小數的語法格式：
number.toFixed(2);
在以上語法中，toFixed() 是 JavaScript 中用於格式化數字保留兩位小數的方法，而number 是要格式化的數字。
演算法
- 步驟 1 - 宣告一個名為“num”的變數，併為該變數分配一個數字。
- 步驟 2 - 計算 num.toFixed(2)。結果將被格式化為保留兩位小數。
- 步驟 3 - 在使用者螢幕上顯示結果
示例 1
下面的示例將說明 JavaScript 中格式化前後的數字。
<html> <body> <h2>JavaScript Number toFixed()</h2> <p>format a number with two decimals:</h3> <p id="number">Number before formatting:<br></p> <p id="result">Number After formatting:<br></p> <script> var number = 9.1291754; document.getElementById("number").innerHTML += number; var fixedNum = number.toFixed(2); document.getElementById("result").innerHTML += fixedNum; </script> </body> </html>
在上面的程式中，我們使用了 number.toFixed(2) 將數字四捨五入到保留兩位小數的數字。9.1291754 將向下舍入為 (9.13)。
Math.round()
Math.round() 方法 返回給定數值表示式四捨五入到最接近的數字。我們將使用此方法來格式化數字並保留兩位小數。請檢視下面的語法。
語法
以下是 JavaScript 中四捨五入給定數字的語法：
Math.round(num*100)/100;
在以上語法中，Math.round() 是格式化數字的方法，而num 是要格式化並保留兩位小數的數字。
演算法
- 步驟 1 - 作為第一步，我們將建立一個名為“number”的變數，併為其分配一個值。
- 步驟 2 - 現在我們計算 Math.round() 並將其分配給一個新變數 fixedNum，即 var fixedNum = Math.round(number*100)/100。
- 步驟 3 - 最後一步或第三步將在使用者螢幕上顯示結果
示例 2
下面的示例將說明 JavaScript 中格式化前後的數字。
<html> <body> <h3>JavaScript Math.round()</h3> <p>format a number with two decimals</h3> <p id="number">Number before formatting:<br></p> <p id="result">Number after formatting:<br></p> <script> const number = 9.1291754; document.getElementById("number").innerHTML += number; const fixedNum = Math.round(number*100)/100; document.getElementById("result").innerHTML += fixedNum; </script> </body> </html>
在上面的程式中，我們使用了 Math.round() 方法，該方法將數字四捨五入到保留兩位小數的數字。9.1291754 將向下舍入為 (9.13)。
Math.floor() 方法
Math.floor() 方法 返回小於或等於其引數的最大整數。但我們可以使用此方法來格式化數字並保留兩位小數。
語法
以下是使用 Math.floor() 方法將數字格式化為保留兩位小數的語法：
Math.floor(num*100)/100
這裡 num 是要格式化並保留兩位小數的數字
示例 3
在下面的示例中，我們將 9.1291754 格式化為保留兩位小數的數字。我們使用 Math.floor() 方法來格式化數字。
<html> <body> <h3>JavaScript Math.floor() Method</h3> <p>Format a nubmer with 2 decimals:</p> <p id="input"></p> <p id="result"></p> <script> var num = 9.1291754; document.getElementById("input").innerHTML = "Number before Format:<br> " + num; var formatNum = Math.floor(num*100)/100; document.getElementById("result").innerHTML = "Number after format :<br> " + formatNum; </script> </body> </html>
Math.ceil() 方法
Math.ceil() 方法 返回大於或等於數字的最小整數。我們可以應用此方法將數字格式化為保留兩位小數的數字。
語法
以下是將數字格式化為保留兩位 小數的語法：
Math.ceil(num*100)/100
這裡 num 是要格式化並保留兩位小數的浮點數
示例 4
在下面的示例中，我們將 9.1291754 格式化為保留兩位小數的數字。我們使用 Math.ceil() 方法來格式化數字。
<html> <body> <h3>JavaScript Math.ceil() Method</h3> <p>Format a number with 2 decimals:</p> <p id="input"></p> <p id="result"></p> <script> const num = 9.1291754 ; document.getElementById("input").innerHTML = "Number before Format:<br> " + num; const formatNum = Math.ceil(num*100)/100; document.getElementById("result").innerHTML = "Number after format :<br> " + formatNum; </script> </body> </html>
在本教程中，我們討論了四種將數字格式化為保留兩位小數的方法。請注意不同示例中結果的差異。注意為什麼 Math.floor() 方法會產生不同的結果。您可以嘗試使用不同的數字，並找出哪種方法會產生與其他方法不同的結果？
98K+ 瀏覽量
