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用逗号分割字符串实例

    一个JavaScript用逗号分割字符串实例

    分割字符串的方法有很多,这篇文章主要介绍了一个JavaScript用逗号分割字符串实例,需要的朋友可以参考下
    2014-09-09
  • js文件中调用js的实现方法小结

    js文件中调用js的实现方法小结

    JavaScript文件引用JavaScript文件的方法,需要的朋友可以参考下。
    2009-10-10
  • Mysql内储存JSON字符串根据条件进行查询

    Mysql内储存JSON字符串根据条件进行查询

    本文主要介绍了Mysql内储存JSON字符串根据条件进行查询,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • javascript移动开发中touch触摸事件详解

    javascript移动开发中touch触摸事件详解

    这篇文章主要为大家详细介绍了javascript移动开发中touch触摸事件,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js实现鼠标左右移动,图片也跟着移动效果

    js实现鼠标左右移动,图片也跟着移动效果

    本文主要介绍了js实现鼠标左右移动,图片也跟着移动效果的方法与思路。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript中遍历的十种方法总结

    JavaScript中遍历的十种方法总结

    这篇文章主要给大家介绍了关于JavaScript中遍历的十种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • Javascript实现元素选择器功能

    Javascript实现元素选择器功能

    这篇文章主要为大家详细介绍了Javascript实现元素选择器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 关于小程序优化的一些建议(小结)

    关于小程序优化的一些建议(小结)

    这篇文章主要介绍了关于小程序优化的一些建议(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • IE8中使用javascript动态加载CSS的解决方法

    IE8中使用javascript动态加载CSS的解决方法

    这篇文章主要介绍了IE8中使用javascript动态加载CSS的解决方法,此方法也不是很完美,需要的朋友参考下吧
    2014-06-06
  • js实现无缝轮播图特效

    js实现无缝轮播图特效

    这篇文章主要为大家详细介绍了js实现无缝轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05

最新评论