脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js Math对象知识

JavaScript中Math对象相关知识全解

 更新时间：2022年11月11日 10:26:46   作者：Java Fans  
Math对象中的方法很常用,来跟我一起看看吧,下面这篇文章主要给大家介绍了关于JavaScript中Math对象相关知识全解的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

前言

除了简单的加减乘除，在某些长和开发者需要进行更为复杂的数学运算。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对象知识内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 使用伪命名空间封装保护独自创建的对象方法

    使用伪命名空间封装保护独自创建的对象方法

    下面小编就为大家带来一篇使用伪命名空间封装保护独自创建的对象方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 常用js字符串判断方法整理

    常用js字符串判断方法整理

    js常用方法及字符串的常用判断方法都是在工作中经常用到的，在本文整理了一些，感兴趣的朋友可以参考下
    2013-10-10
  • javascript实现支持移动设备画廊

    javascript实现支持移动设备画廊

    本文通过纯javascript技术实现支持移动设备画廊，支持移动设备手势操作，感兴趣的朋友一起来学习吧
    2015-08-08
  • js实现前端界面导航栏下拉列表

    js实现前端界面导航栏下拉列表

    这篇文章主要为大家详细介绍了js实现前端界面导航栏下拉列表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-08-08
  • elementui上传图片回显功能实现

    elementui上传图片回显功能实现

    这篇文章主要介绍了elementui上传图片回显,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2023-07-07
  • 前端流式输出的三种实现方法

    前端流式输出的三种实现方法

    这篇文章主要介绍了前端流式输出的三种实现方法,流式输出在前端开发中用于逐步处理和显示数据,特别是对于大型数据集和实时数据,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-11-11
  • JavaScript数值千分位格式化的两种简单实现方法

    JavaScript数值千分位格式化的两种简单实现方法

    下面小编就为大家带来一篇JavaScript数值千分位格式化的两种简单实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 深入理解JS DOM事件机制

    深入理解JS DOM事件机制

    下面小编就为大家带来一篇深入理解JS DOM事件机制。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • javascript 兼容鼠标滚轮事件

    javascript 兼容鼠标滚轮事件

    浏览地图时，使用鼠标滚轮来放大和缩小。即用到了滚轮事件。
    2009-04-04
  • js中for-in和for-of的区别详解

    js中for-in和for-of的区别详解

    在JavaScript中，for-in和for-of是两种不同的循环结构，本文主要介绍了js中for-in和for-of的区别，具有一定的参考价值，感兴趣的可以了解一下
    2023-12-12

最新评论