JavaScript Math 对象常用方法详解
作者:纸飞机时间:2026-10-31 12:12:20浏览:632
本文详细介绍 JavaScript 内置 Math 对象的常用属性与方法。内容涵盖获取随机数、整数随机数生成、四舍五入、向下/向上取整、次方计算、绝对值、平方根以及最大最小值判断等核心功能,并提供具体代码示例与运行效果说明。
1、Math
- Math 是一个内置对象,包含数学常数属性和数学函数方法。需要注意的是,Math 并非函数对象。
2、描述
- 与其他全局对象不同,Math 不是一个构造器,其所有属性与方法均为静态。引用圆周率应使用 Math.PI,调用正余弦函数则使用 Math.sin(x),其中 x 为传入参数。Math 的常量基于 JavaScript 中的全精度浮点数进行定义。
3、方法
(1)获取随机数
- 随机数默认返回 0 到 1 之间的数值。
① 语法格式:
Math.random();
② 示例:
//这里为了方便展示效果,用for循环输出10次随机数
<script>
let Num;
for (i = 1;i <= 10;i++){
Num = Math.random();
console.log(Num);
}
</script>
③ 运行效果

(2)获取整数随机数
方法1(取整)
- parseInt(Math.random()*(最大值-最小值+1))+最小值
方法2(向下取整)
- Math.floor(Math.random()*(最大值-最小值+1))+最小值
① 语法格式:
- 获取1~10的随机数
//取整
parseInt(Math.random() * (最大值 - 最小值 + 1 )) + 最小值;
//向下取整
Math.floor(Math.random() * (最大值 - 最小值 + 1)) + 最小值;
② 示例:
//取整,用for循环取10次随机数
<script>
let Num;
for (i = 1;i <= 10;i++){
//公式:parseInt(Math.random() * (最大值 - 最小值 + 1)) + 最小值
Num = parseInt(Math.random() * (10 - 1 + 1)) + 1;
//最小值为1的时候可以简写:Num = parseInt(Math.random() * 10) + 1
document.write(Num + ' ');
}
</script>
运行效果

//向下取整,用for循环取10次随机数
<script>
let Num;
for (i = 1;i <= 10;i++){
//公式:Math.floor(Math.random() * (最大值 - 最小值 + 1)) + 最小值;
Num = Math.floor(Math.random() * (10 - 1 + 1)) + 1;
//最小值为1的时候可以简写:Num = parseInt(Math.random() * 10) + 1
document.write(Num + ' ');
}
</script>
运行效果

(3)四舍五入
① 语法格式:
Math.round();
② 示例:
<script>
let NumOne = Math.round(7.56);
let NumTwo = Math.round(7.05);
document.write(`
7.56四舍五入等于:${NumOne} <br />
7.05四舍五入等于:${NumTwo}
`);
// <br />:换行
</script>
③ 运行效果

(4)向下取整
① 语法格式:
Math.floor();
② 示例:
<script>
let NumOne = Math.floor(7.55);
let NumTwo = Math.floor(7.05);
document.write(`
7.55向下取整等于:${NumOne} <br />
7.05向下取整等于:${NumTwo}
`);
// <br />:换行
</script>
③ 运行效果

(5)向上取整
① 语法格式:
Math.ceil();
② 示例:
<script>
let NumOne = Math.ceil(7.55);
let NumTwo = Math.ceil(7.05);
document.write(`
7.55向上取整等于:${NumOne} <br />
7.05向上取整等于:${NumTwo}
`);
// <br />:换行
</script>
③ 运行效果

(6)次方
① 语法格式:
Math.pow(底数,指数/幂);
② 示例:
<script>
//计算2的三次方
let NumOne = Math.pow(2,3);
//计算3的三次方
let NumTwo = Math.pow(3,3);
document.write(`
2的三次方等于:${NumOne} <br />
3的三次方等于:${NumTwo}
`)
</script>
③ 运行效果

(7)绝对值
① 语法格式:
Math.abs();
② 示例:
<script>
let NumOne = Math.abs(-100);
let NumTwo = Math.abs(-200);
document.write(`
-100的绝对值等于:${NumOne} <br />
-200的绝对值等于:${NumTwo}
`)
</script>
③ 运行效果

(8)平方根
① 语法格式:
Math.sqrt();
② 示例:
<script>
let NumOne = Math.sqrt(9);
let NumTwo = Math.sqrt(25);
let NumThr = Math.sqrt(81);
document.write(`
9的平方根等于:${NumOne} <br />
25的平方根等于:${NumTwo} <br />
81的平方根等于:${NumThr}
`)
</script>
③ 运行效果

(9)最大值 / 最小值
① 语法格式:
//最大值
Math.max();
//最小值
Math.min();
② 示例:
<script>
let NumMax = Math.max(1,11,111,1111,11111);
let NumMin = Math.min(1,11,111,1111,11111);
document.write(`
最大值为:${NumMax} <br />
最小值为:${NumMin}
`)
</script>
③ 运行效果

更多数学对象学习,请参考官方文档
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math
总结
到此这篇关于JavaScript数学对象(Math)方法的文章就介绍到这了,更多相关JS数学对象Math内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
