极客笔记JS小数保留两位小数
在日常开发中，我们经常会遇到需要对小数进行处理的情况，比如保留小数点后两位。JavaScript提供了多种方法来实现这一功能，本文将详细讨论如何在JS中保留小数点后两位。
方法一：toFixed方法
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。这个方法不会改变原始数字，而是返回一个新的数字。
示例代码如下：
let num = 10.235;
let result = num.toFixed(2);
console.log(result); // 输出结果为：10.24
方法二：使用Math.round方法自行处理
如果想实现四舍五入的效果，可以使用Math.round()方法来自行处理小数。具体步骤如下：
- 先将小数乘以10的n次方（n为要保留的小数位数）。
- 调用
Math.round()方法对结果进行四舍五入。 - 最后再除以10的n次方，得到保留两位小数的结果。
示例代码如下：
function roundToTwo(num) {
return +(Math.round(num + "e+2") + "e-2");
}
let num = 10.235;
let result = roundToTwo(num);
console.log(result); // 输出结果为：10.24
方法三：使用正则表达式
通过正则表达式来实现保留小数点后两位的功能也是一种常见的做法。具体步骤如下：
- 将数字转换为字符串。
- 使用正则表达式匹配小数点后两位。
- 利用
parseFloat方法将字符串转换为数字。
示例代码如下：
function roundToTwo(num) {
return parseFloat(num.toString().match(/^\d+(?:\.\d{0,2})?/));
}
let num = 10.235;
let result = roundToTwo(num);
console.log(result); // 输出结果为：10.24
方法四：使用toFixed方法和Number类型转换
还可以通过将数字转换为字符串，使用toFixed()方法获取保留两位小数的字符串，然后再通过Number类型转换将其转换为数字。
示例代码如下：
function roundToTwo(num) {
return Number(num.toFixed(2));
}
let num = 10.235;
let result = roundToTwo(num);
console.log(result); // 输出结果为：10.24
方法五：使用Math.floor方法自行处理
如果需要向下取整保留两位小数，可以使用Math.floor()方法来实现。具体步骤如下：
- 先将小数乘以10的n次方。
- 调用
Math.floor()方法对结果向下取整。 - 最后再除以10的n次方，得到保留两位小数的结果。
示例代码如下：
function floorToTwo(num) {
return Math.floor(num * 100) / 100;
}
let num = 10.235;
let result = floorToTwo(num);
console.log(result); // 输出结果为：10.23
通过以上方法，我们可以很方便地在JavaScript中实现保留小数点后两位的功能。根据具体需求选择不同的方法来处理小数即可。