JavaScript Math 对象核心方法详解与应用

获取最大值与最小值

Math 对象提供了两个便捷方法来找出参数列表中的极值：

• Math.min()：返回所有参数中的最小值。
• Math.max()：返回所有参数中的最大值。

这两个方法接受任意数量的数值参数。如果传入非数值类型，结果将转换为 NaN；若未传入任何参数，Math.min 返回 Infinity，而 Math.max 返回 -Infinity。

alert(Math.min(1, 2, 3)); // 输出 "1"
alert(Math.max(1, 2, 3)); // 输出 "3"

计算绝对值

Math.abs() 方法返回参数的绝对值。如果参数为 null，它会被视为 0；如果参数为 NaN 或无法转换为数字，则返回 NaN。

alert(Math.abs(-1)); // 输出 "1"

生成伪随机数

Math.random() 返回一个介于 0（包含）和 1（不包含）之间的伪随机浮点数。该方法常用于需要随机性的场景，例如生成随机索引、模拟概率事件等。

在实际开发中，有时会利用其返回值来避免浏览器缓存。例如，在 URL 后附加随机参数可以强制浏览器重新从服务器拉取资源，而不是读取本地缓存：

// 注意：此处需调用函数并取值，原代码 Math.random 缺少括号
window.open("http://example.com/index.shtml?t=" + Math.random());

数值舍入与取整方法

在处理小数精度时，常用的三个取整方法各有不同的舍入规则：

向下取整：Math.floor()

Math.floor() 返回小于或等于给定数值的最大整数，即向负无穷方向舍入。

alert(Math.floor(1.5)); // 输出 "1"
alert(Math.floor(-1.5)); // 输出 "-2"

标准四舍五入：Math.round()

Math.round() 返回与给定数值最接近的整数。当数值处于两个整数正中间（如 x.5）时，向远离零的方向舍入（即向上舍入对于正数，向下舍入对于负数）。

alert(Math.round(1.5)); // 输出 "2"
alert(Math.round(1.4)); // 输出 "1"

向上取整：Math.ceil()

Math.ceil() 返回大于或等于给定数值的最小整数，即向正无穷方向舍入。

alert(Math.ceil(1.1)); // 输出 "2"
alert(Math.ceil(1.0)); // 输出 "1"

自定义小数处理函数

结合上述方法，我们可以编写一个通用的辅助函数，用于根据指定标志（flag）对数值进行不同规则的舍入，并保留指定位数的小数（bit）。

实现思路如下：

1. 使用 Math.pow(10, bit) 计算出缩放倍数 n。
2. 将原数值乘以 n，使目标小数位变为整数位。
3. 根据 flag 选择相应的舍入方法：-1 用 floor，0 用 round，1 用 ceil。
4. 将结果除以 n，恢复原有量级。

function test(num, flag, bit) {
    // num: 要处理的小数
    // flag: 舍入标准 (-1: 向下取整, 0: 四舍五入, 1: 向上取整)
    // bit: 保留小数的位数
    var n = Math.pow(10, bit);
    
    switch(flag) {
        case -1:
            return Math.floor(num * n) / n;
        case 0:
            return Math.round(num * n) / n;
        case 1:
            return Math.ceil(num * n) / n;
        default:
            return num; // 无效 flag 则返回原值
    }
}

// 示例用法
console.log(test(1.567, 0, 2)); // 0 (四舍五入保留2位) -> 1.57
console.log(test(1.567, -1, 2)); // -1 (向下取整保留2位) -> 1.56
console.log(test(1.567, 1, 2));  // 1 (向上取整保留2位) -> 1.57

通过以上方法，开发者可以根据业务需求灵活控制数值的精度和显示方式。以上就是 JavaScript 内置 Math 对象常用方法的详细内容，更多关于 JavaScript 数学运算的资料请关注本站其它相关文章！