快捷導(dǎo)航

JavaScript中Math對象相關(guān)知識全解

更新時間：2022年11月11日 10:26:46 作者：Java?Fans

Math對象中的方法很常用,來跟我一起看看吧,下面這篇文章主要給大家介紹了關(guān)于JavaScript中Math對象相關(guān)知識全解的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

前言

除了簡單的加減乘除，在某些長和開發(fā)者需要進(jìn)行更為復(fù)雜的數(shù)學(xué)運(yùn)算。JavaScript的Math對象提供了一系列屬性和方法，能夠滿足大多數(shù)場合的需求。

Math對象是JavaScript的全局對象，不需要由函數(shù)進(jìn)行創(chuàng)建。有且只有一個Math對象。

常用屬性

屬性	說明
Math.E	返回值e（自然對數(shù)的底數(shù)）
Math.LN10	返回10的自然對數(shù)
Math.LN2	返回2的自然對數(shù)
Math.LOG2E	返回以2為底的e的對數(shù)
Math.LOG10E	返回以10為底的e的對數(shù)
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)	返回原點(diǎn)和點(diǎn)(x,y)的連線與x正半軸的夾角，夾角范圍為[-π,π]
Math.cos(x)	返回x的余弦值
Math.exp(x)	返回e的x次方
Math.log(x)	返回x的自然對數(shù)
Math.pow(x)	返回x的y次方
Math.sin(x)	返回x的正弦值
Math.sqrt(x)	返回x的平方根，x必須大于或等于0
Math.tan(x)	返回x的正切值

實(shí)例參考

靜態(tài)常量值PI（圓周率）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math對象</title>
	</head>
	<body>
		<script>
			//靜態(tài)常量值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的值中的最小整數(shù)值

<!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的值中的最大整數(shù)值

<!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，進(jìn)一

<!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)之間的浮點(diǎn)數(shù)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Math對象</title>
	</head>
	<body>
		<script>
		    //Math.random():返回一個[0.0,1.0)之間的浮點(diǎn)數(shù)
			console.log(Math.random());
			//Math.random()*10:返回一個[0.0,10.0)之間的浮點(diǎn)數(shù)
			console.log(Math.random()*10);
			//parseInt(Math.random()*10)：返回一個[0,10)之間的整數(shù)
			console.log(parseInt(Math.random()*10));
		</script>
	</body>
</html>

parseInt(Math.random()*(num2-num1)+num1)：返回一個[num1,num2)之間的整數(shù)

<!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(數(shù)據(jù)1,數(shù)據(jù)2,…,數(shù)據(jù)n):獲取多個數(shù)據(jù)中的最大值

<!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(數(shù)據(jù)1,數(shù)據(jù)2,…,數(shù)據(jù)n):獲取多個數(shù)據(jù)中的最小值

<!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次方結(jié)果

<!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>