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对象知识内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JavaScript Math对象和调试程序的方法分析

    JavaScript Math对象和调试程序的方法分析

    本文实例讲述了JavaScript Math对象和调试程序的方法.分享给大家供大家参考,具体如下: Math对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>math对象</title> <script type="text/javascript"> var iPi=M

  • JavaScript中Math对象方法使用概述

    1.丢弃小数部分,保留整数部分parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,向下取整 Math.floor(5/2) Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer 方法 描述 FF N IE abs(x) 返回数的绝对值 1 2 3 acos(x) 返回数的反余弦值 1 2 3 asin(x) 返回数的反正弦值 1 2 3 at

  • 简单谈谈原生js的math对象

    Math对象方法 //返回最大值 var max=Math.max(95,93,90,94,98); console.log(max); //返回最小值 var min=Math.min(95,93,90,94,98); console.log(min); //向上取整 console.log(Math.ceil(2.2)); console.log(Math.ceil(-2.2)); //向下取整 console.log(Math.floor(2.2));//2 console.log(Mat

  • JS Math对象与Math方法实例小结

    JS Math对象与Math方法实例小结

    本文实例讲述了JS Math对象与Math方法.分享给大家供大家参考,具体如下: JavaScript 提供了 Math 内置对象方便我们进行数学运算 他具有数学常用和函数的属性和方法. 常用属性 //max() 与 min() 求一组数的最大值和最小值 Math.max(10,9,22); // => 22 Math.min(10,9,8,22); // => 8 常用属性 Math.PI // 圆周率 => 3.141592653589793 Math.E // 自然对数底,数学中的

  • Javascript Math对象

    Javascript Math对象

    Math对象 Math对象是在高中数学课就学过的内置对象.它知道解决最复杂的数学问题的所有公式,如果给它要处理的数字,即能计算出结果. Math对象有几个属性,主要是数学界的专用值.下表类出了这些属性: 属  性 说    明 E 值e,自然对数的底 LN10 10的自然对数 LN2 2的自然对数 LOG2E 以2为底E的对数 LOG10E 以10为底E的对数 PI 值π SQRT1_2 1/2的平方根 SQRT2 2的平方根 虽然这些值的意义与用法不在本书讨论范围内,但如果清楚它们是什么,在需

  • 浅谈JavaScript中Date(日期对象),Math对象

    浅谈JavaScript中Date(日期对象),Math对象

    Date对象 1.什么是Date对象? 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 语法:var Udate=new Date(); 注:初始值为当前时间(当前电脑系统时间). 2.Date对象常用方法: 3.Date方法实例 复制代码 代码如下: var newTime=new Date();//获取当前时间             var millSecond=Date.now();//当前日期转换成的毫秒数             var fullYear=n

  • JavaScript中Math对象使用说明

    JavaScript中Math对象是是一个固有对象,提供基本数学函数和常数.使用方法: Math.[{property | method}] 其中property是必选项.Math 对象的一个属性名. method是必选项.Math.对象的一个方法名. JavaScript中Math对象不能用 new 运算符创建,如果试图这样做则给出错误.该对象在装载脚本引擎时由该引擎创建.其所有方法和属性在脚本中总是可用.

  • Javascript之Math对象详解

    Math对象不同于上述的对象,它可以说是一个公共数学类,里面有很多数学方法,用于各种数学运算 但是Math对象不需要构造,对于其中的方法直接使用即可 1.常量(即属性) E       返回算术常量 e,即自然对数的底数(约等于2.718) E 返回算术常量 e,即自然对数的底数(约等于2.718) LN2 返回 2 的自然对数(约等于0.693) LN10 返回 10 的自然对数(约等于2.302) LOG2E 返回以 2 为底的 e 的对数(约等于 1.414) LOG10E 返回以 10

  • JS内置对象和Math对象知识点详解

    Math对象 <script> // Math数学对象 不是一个构造函数 ,所以我们不需要new 来调用 而是直接使用里面的属性和方法即可 console.log(Math.PI); // 一个属性 圆周率 console.log(Math.max(1, 99, 3)); // 99 console.log(Math.max(-1, -10)); // -1 console.log(Math.max(1, 99, 'pink老师')); // NaN console.log(Math.max(

  • JavaScript中Math对象的方法介绍

    1.比较最值方法 比较最值有两种方法,max() 和 min() 方法. 1.1 max() 方法,比较一组数值中的最大值,返回最大值. var maxnum = Math.max(12,6,43,58,70); alert(maxnum); //"70" 1.2 min() 方法,比较一组数值中的最小值,返回最小值. var minnum = Math.min(12,6,43,58,70); alert(minnum); //"6" 2.数值舍入方法 2.1 ce

随机推荐