当前位置：首页 > news >正文

聊聊js中的math对象

news 2026/4/27 20:06:56

今天我们来聊聊js中的math对象

Math 对象常用属性和方法分析

Math.PI

圆周率常量，值为 3.141592653589793。

console.log(Math.PI); // 输出 3.141592653589793

Math.floor(x)

向下取整，返回小于或等于 x 的最大整数。

console.log(Math.floor(3.7)); // 输出 3 console.log(Math.floor(-2.3)); // 输出 -3

Math.ceil(x)

向上取整，返回大于或等于 x 的最小整数。

console.log(Math.ceil(3.2)); // 输出 4 console.log(Math.ceil(-2.7)); // 输出 -2

Math.round(x)

四舍五入取整，对于负数遵循“五舍六入”规则。

console.log(Math.round(3.5)); // 输出 4 console.log(Math.round(-2.5)); // 输出 -2

Math.abs(x)

返回 x 的绝对值。

console.log(Math.abs(-5)); // 输出 5 console.log(Math.abs(3.14)); // 输出 3.14

Math.max(x1, x2, ..., xn)

返回参数中的最大值。

console.log(Math.max(1, 3, 2)); // 输出 3 console.log(Math.max(-1, -3, -2)); // 输出 -1

Math.min(x1, x2, ..., xn)

返回参数中的最小值。

console.log(Math.min(1, 3, 2)); // 输出 1 console.log(Math.min(-1, -3, -2)); // 输出 -3

Math.random()

返回 [0, 1) 之间的伪随机数。

console.log(Math.random()); // 输出类似 0.123456789

常用代码示例

生成指定范围的随机整数

生成 [min, max] 之间的随机整数。

function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } console.log(getRandomInt(1, 10)); // 输出 1 到 10 之间的随机整数

功能说明

该函数用于生成 [min, max] 闭区间范围内的随机整数，包含最小值和最大值。这是一个在编程中常见的需求，特别是在需要随机选择、随机抽样或创建随机测试数据时非常有用。

详细步骤解析：

Math.random()生成 [0,1) 之间的随机浮点数
(max - min + 1)计算可能的整数数量
将随机数乘以这个数量，得到 [0, max-min+1) 范围的随机数
Math.floor()向下取整，得到 [0, max-min] 的整数
最后加上 min，将范围平移到 [min, max]

应用场景

游戏开发：随机敌人出现位置、随机伤害值
抽奖系统：随机选择中奖者
测试数据：生成随机测试用例
模拟实验：随机采样数据
UI设计：随机颜色选择或布局变化

注意事项

确保 min ≤ max，否则结果将不符合预期
如果需要排除最大值，可以去掉+1的部分
对于加密安全场景，应使用crypto.getRandomValues()而非Math.random()

计算数组中的最大值和最小值

利用扩展运算符和 Math 方法。

const numbers = [1, 5, 2, 8, 3]; console.log(Math.max(...numbers)); // 输出 8 console.log(Math.min(...numbers)); // 输出 1

详细实现步骤

定义数组：首先需要有一个包含数值的数组
使用扩展运算符：将数组元素展开为单独的参数
调用Math方法：
- Math.max()接收展开的数组参数并返回最大值
- Math.min()接收展开的数组参数并返回最小值

应用场景

这种方法适用于多种情况：

数据分析中快速找出极值
游戏开发中计算最高分和最低分
电商系统中查找商品价格区间
学生成绩管理系统中统计最高分和最低分

注意事项

数组必须包含可比较的数值类型元素
对于空数组，Math.max()和Math.min()会返回-Infinity和Infinity
如果数组包含非数值元素，结果可能是NaN

保留小数位数

结合 Math.round 实现四舍五入保留指定位数。

function roundToDecimal(num, decimalPlaces) { const factor = 10 ** decimalPlaces; return Math.round(num * factor) / factor; } console.log(roundToDecimal(3.14159, 2)); // 输出 3.14

实现步骤

首先将数字乘以10的n次方（n为要保留的小数位数）
然后使用Math.round进行四舍五入
最后再除以10的n次方还原数值

以下为 Math 对象常用方法的逻辑流程图：

开始
判断需求类型
- 需要常量 → 使用Math.PI
- 需要取整 → 选择Math.floor、Math.ceil或Math.round
- 需要绝对值 → 使用Math.abs
- 需要最值 → 使用Math.max或Math.min
- 需要随机数 → 使用Math.random
处理结果
结束

流程图可通过工具如 Mermaid 绘制：

graph TD A[开始] --> B{需求类型} B -->|常量| C[Math.PI] B -->|取整| D[选择 floor/ceil/round] B -->|绝对值| E[Math.abs] B -->|最值| F[Math.max/min] B -->|随机数| G[Math.random] C --> H[处理结果] D --> H E --> H F --> H G --> H H --> I[结束]

该流程图补充说明：