JavaScript小數點保留2位四捨五入完全攻略

一、概述

使用JavaScript進行數值計算時，保留小數點兩位並進行四捨五入是一個經常遇到的需求。在本文中，我們將從多個角度探討這個問題，並提供完整的代碼示例。

二、toFixed()方法的使用

在JavaScript中，我們可以使用toFixed()方法來保留小數點兩位。該方法將一個數字四捨五入為指定小數位數的數字，並以字元串的形式返回結果。代碼示例：

let num = 3.1415926535;
let result = num.toFixed(2); // 3.14

注意，使用該方法會將結果轉換為字元串，而且結果中如果小數位數不足會在末尾自動填充0。

三、Math.round()方法的應用

Math.round()方法可以將一個數字四捨五入為整數，我們可以使用它來保留小數點兩位。方法是將原始數字乘以100，然後使用Math.round()方法進行四捨五入，最後再將結果除以100即可實現保留兩位小數的效果。代碼示例：

let num = 3.1415926535;
let result = Math.round(num * 100) / 100; // 3.14

需要注意的是，Math.round()方法將數字轉換為最接近的整數，如果原始數字的小數部分小於0.5，則向下舍入，否則向上舍入。

四、Number()方法與parseFloat()方法的區別

在將字元串轉換為數字時，我們通常會使用Number()方法或parseFloat()方法。但是這兩者在處理小數點時是有區別的。

Number()方法會對小數點後面的字元串進行強制轉換，如果小數點後面的字元不是數字，則直接返回NaN。示例代碼：

let str = '3.14abc';
let num = Number(str); // NaN

然而，parseFloat()方法則只會讀取小數點前面的數字和小數點後面的數字，而忽略掉其他字元。示例代碼：

let str = '3.14abc';
let num = parseFloat(str); // 3.14

五、保留兩位小數的代碼封裝

為了在項目中方便地重用小數點保留兩位的代碼，我們可以將其封裝為一個函數。該函數接收一個數字作為參數，返回保留兩位小數後的數字。

function round(num) {
  return Math.round(num * 100) / 100;
}

let num = 3.1415926535;
let result = round(num); // 3.14

六、小結

在本文中，我們從toFixed()方法、Math.round()方法、Number()方法和parseFloat()方法以及代碼封裝幾個角度詳細探討了JavaScript中小數點保留兩位並進行四捨五入的方法。希望對你有所幫助。