JavaScript 四舍五入和取整

在实际的前端开发过程中，处理数值时常常需要对数据进行四舍五入或取整操作。这些操作不仅能帮助我们格式化显示的数据，还能用于各种计算场景。JavaScript 提供了几种方法来实现这一功能，包括 Math.round(), Math.floor(), Math.ceil(), 以及 toFixed() 等。

四舍五入

Math.round() 是最常用的四舍五入函数。它会将一个数字四舍五入到最接近的整数。如果小数部分大于等于0.5，则向上取整；否则向下取整。

console.log(Math.round(4.3)); // 输出：4
console.log(Math.round(4.7)); // 输出：5

小数位数的四舍五入

有时候我们不仅需要四舍五入到整数，还需要保留几位小数。这时可以先将数值乘以相应的倍数，再使用 Math.round() 函数，最后再除以相同的倍数。

function roundToDecimal(num, decimalPlaces) {
    const factor = Math.pow(10, decimalPlaces);
    return Math.round(num * factor) / factor;
}

console.log(roundToDecimal(3.14159, 2)); // 输出：3.14

向下取整

Math.floor() 函数会将任何数字向下舍入到最接近的整数。无论小数部分是多少，都会被舍去。

console.log(Math.floor(4.9)); // 输出：4
console.log(Math.floor(-4.9)); // 输出：-5

使用场景

Math.floor() 常用于需要确保数值不超过某个上限的情况，例如分页逻辑中的页面数量计算。

向上取整

与 Math.floor() 相反，Math.ceil() 函数会将任何数字向上舍入到最接近的整数。

console.log(Math.ceil(4.1)); // 输出：5
console.log(Math.ceil(-4.1)); // 输出：-4

使用场景

Math.ceil() 在需要确保数值至少达到某个下限时非常有用，例如计算商品价格时应用的最小单位。

固定小数位数

虽然 Math.round() 和 Math.floor()/Math.ceil() 都可以用于四舍五入或取整，但它们并不直接支持指定小数点后的位数。对于这种需求，我们可以使用字符串格式化方法 toFixed()。

toFixed() 方法会将数字转换为字符串，并保留指定位数的小数。如果小数位数不足，它会自动补零。

console.log((123.456).toFixed(2)); // 输出："123.46"

需要注意的是，toFixed() 返回的是字符串类型，如果你需要将其转换回数字类型，可以使用 parseFloat() 或 Number()。

const numStr = (123.456).toFixed(2);
console.log(parseFloat(numStr)); // 输出：123.46

通过以上介绍，我们可以看到，JavaScript 提供了多种方式来处理数值的四舍五入和取整问题。根据不同的业务需求选择合适的方法是非常重要的。希望这些示例和解释能帮助你在实际项目中更有效地使用这些技术。