javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JS数学对象Math

JavaScript数学对象(Math)方法举例详解

作者:呆呆的小草

这篇文章主要给大家介绍了关于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(取整)

方法2(向下取整)

① 语法格式:

	//取整
	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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文