文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript中Math对象相关知识全解

2022-11-16 00:17

关注

前言

除了简单的加减乘除,在某些长和开发者需要进行更为复杂的数学运算。JavaScript的Math对象提供了一系列属性和方法,能够满足大多数场合的需求。

Math对象是JavaScript的全局对象,不需要由函数进行创建。有且只有一个Math对象。

常用属性

属性说明
Math.E返回值e(自然对数的底数)
Math.LN10返回10的自然对数
Math.LN2返回2的自然对数
Math.LOG2E返回以2为底的e的对数
Math.LOG10E返回以10为底的e的对数
Math.PI返回圆周率π
Math.SQRT1_2返回1/2的平方根
Math.SQRT2返回2的平方根

常用方法

方法说明
Math.abs(x)返回x的绝对值
Math.acos(x)返回x的反余弦值,其中x的范围为[-1,1],返回值的范围为[0,π]
Math.asin(x)返回x的反正弦值,其中x的范围为[-1,1],返回值的范围为[-π/2,π/2]
Math.atan(x)返回x的反正切值,返回值的范围为[-π/2,π/2]
Math.atan2(y,x)返回原点和点(x,y)的连线与x正半轴的夹角,夹角范围为[-π,π]
Math.cos(x)返回x的余弦值
Math.exp(x)返回e的x次方
Math.log(x)返回x的自然对数
Math.pow(x)返回x的y次方
Math.sin(x)返回x的正弦值
Math.sqrt(x)返回x的平方根,x必须大于或等于0
Math.tan(x)返回x的正切值

实例参考

静态常量值PI(圆周率)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			//静态常量值PI(圆周率)
			var result1 = Math.PI;
			console.log(result1);
		</script>
	</body>
</html>

abs(x) 获取绝对值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(Math.abs(12));
			console.log(Math.abs(-12));
		</script>
	</body>
</html>

ceil(x)上舍入,返回大于x的值中的最小整数值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(Math.ceil(5.1));//6
			console.log(Math.ceil(5.4));//6
			console.log(Math.ceil(5.5));//6
			console.log(Math.ceil(5.9));//6
		</script>
	</body>
</html>

floor(x)下舍入,返回小于x的值中的最大整数值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(Math.floor(5.9));//5
			console.log(Math.floor(5.5));//5
			console.log(Math.floor(5.4));//5
			console.log(Math.floor(5.1));//5
		</script>
	</body>
</html>

round()四舍五入,小于0.5的舍去,大于等于0.5,进一

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(Math.round(5.1))//5
			console.log(Math.round(5.4))//5
			console.log(Math.round(5.5))//6
			console.log(Math.round(5.9))//6
		</script>
	</body>
</html>

Math.random():返回一个[0.0,1.0)之间的浮点数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
		    //Math.random():返回一个[0.0,1.0)之间的浮点数
			console.log(Math.random());
			//Math.random()*10:返回一个[0.0,10.0)之间的浮点数
			console.log(Math.random()*10);
			//parseInt(Math.random()*10):返回一个[0,10)之间的整数
			console.log(parseInt(Math.random()*10));
		</script>
	</body>
</html>

parseInt(Math.random()*(num2-num1)+num1):返回一个[num1,num2)之间的整数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(parseInt(Math.random()*22+39));
		</script>
	</body>
</html>

max(数据1,数据2,…,数据n):获取多个数据中的最大值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(Math.max(10,23,52));
		</script>
	</body>
</html>

min(数据1,数据2,…,数据n):获取多个数据中的最小值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(Math.min(10,23,65,3,89));//3
		</script>
	</body>
</html>

pow(x,y):获取x的y次方结果

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(Math.pow(9,3));
		</script>
	</body>
</html>

sqrt(x):返回x的平方根

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math对象</title>
	</head>
	<body>
		<script>
			console.log(Math.sqrt(25));//5
		</script>
	</body>
</html>

总结

到此这篇关于JavaScript中Math对象相关知识的文章就介绍到这了,更多相关js Math对象知识内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯