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中小数点保留两位并进行四舍五入的方法。希望对你有所帮助。