JavaScript数学对象(Math)方法举例详解
更新时间：2024年03月08日 09:26:12 作者：呆呆的小草
这篇文章主要给大家介绍了关于JavaScript数学对象(Math)方法的相关资料,Math(数学)对象的作用是执行普通的算数任务,文中通过代码介绍的非常详细,需要的朋友可以参考下
1、Math
- Math是一个内置对象，它拥有一些数学常数属性和数学函数方法，Math不是一个函数对象
——————引用自官网
2、描述
- 与其他全局对象不同的是，Math 不是一个构造器。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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
JavaScript中停止执行setInterval和setTimeout事件的方法
这篇文章主要介绍了JavaScript中停止执行setInterval和setTimeout事件的方法,本文给出操作实例代码和语法介绍,需要的朋友可以参考下2015-05-05
JavaScript操作XML/HTML比较常用的对象属性集锦
本文给大家介绍javascript操作xml/html比较常用的对象属性，涉及到js对象属性相关知识，对JavaScript操作XML/HTML比较常用的对象属性感兴趣的朋友可以参考下本文2015-10-10
这篇文章主要介绍了JavaScript代码调试方法,结合实例形式总结分析了JavaScript错误信息的处理与代码调试相关操作技巧,需要的朋友可以参考下2019-01-01
下面小编就为大家带来一篇浅谈JS之tagNaem和nodeName。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
JavaScript函数中关于valueOf和toString的理解
本文给大家介绍JavaScript函数中关于valueOf和toString的理解，简单的说就是需要转换为字符串时，会调用toString，需要转换为数字时需要调用valueOf。对js valueof tostring知识感兴趣的朋友一起学习吧2016-06-06
这篇文章主要介绍了JavaScript定时器的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要为大家详细介绍了JavaScript实现打地鼠小游戏的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要为大家详细介绍了Bootstrap导航条可点击和鼠标悬停显示下拉菜单,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
在这篇文章中作者从《JavaScript面向对象编程指南》一书中关于 delete 的错误讲起，详细讲述了关于 delete 操作的实现， 局限以及在不同浏览器和插件（这里指 firebug）中的表现2013-04-04
Highcharts 是一个用纯JavaScript编写的一个图表库， 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用，通过本文给大家介绍Highcharts使用简例及异步动态读取数据的相关知识，感兴趣的朋友一起学习吧2015-12-12
最新评论