前端开发_JavaScript_常用对象之Math对象

Math对象

1.引入

我们上一次课学习了Date对象，同时也带着大家写了一个有关于Date的应用实例:日历，那么接下来我们一起来学习一个新的对象：Math对象。

2.Math对象概述

Math 是一个内置对象，它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象。与其他全局对象不同的是，Math 不是一个构造器。Math 的所有属性与方法都是静态的。引用圆周率的写法是 Math.PI，调用正余弦函数的写法是 Math.sin(x)，x 是要传入的参数。Math 的常量是使用 JavaScript 中的全精度浮点数来定义的。

3.Math对象的常用属性

   (1).Math.E：欧拉常数，也是自然对数的底数，约等于 2.718。

   (2).Math.PI：圆周率，一个圆的周长和直径之比，约等于 3.14159。

<script type="text/javascript">
   //math对象常用的属性
     var E = Math.E;
     var PI = Math.PI;
			
	 console.log("自然对数底:" + E);
	 console.log("圆周率:" + PI);
</script>

 4.Math对象的常用方法

    (1).三角函数：sin()、cos()、tan()。

    ①:概述:这里的三角函数返回的值是弧度制而非角度值。若要转换，弧度除以

 (Math.PI / 180) 即可转换为角度，同理，角度乘以这个数则能转换为弧度。

    ②:三角函数基本使用

<script type="text/javascript">
   console.log("三角函数sin()" + Math.sin(30));
   console.log("三角函数cos()" + Math.cos(30));
   console.log("三角函数tan()" + Math.tan(30));
</script>

 (2).Math.abs(x)

  ①:返回一个数的绝对值。

  ②:绝对值的基本使用

<script type="text/javascript">
  console.log("绝对值的基本使用:" + Math.abs(-1));
  console.log("绝对值的基本使用:" + Math.abs(1));
</script>

 (3).Math.ceil(x)/Math.floor(x)

   ①.概述

     Math.ceil(x):返回大于一个数的最小整数，即一个数向上取整后的值。

     Math.floor(x):返回小于一个数的最大整数，即一个数向下取整后的值。

  ②:取整的基本使用

<script type="text/javascript">
   console.log("2.1向下取整操作:" + Math.ceil(2.1));
   console.log("2.5向下取整操作:" + Math.ceil(2.5));
   console.log("2.9向下取整操作:" + Math.ceil(2.9));
   console.log("2.1向上取整操作:" + Math.floor(2.1));
   console.log("2.5向上取整操作:" + Math.floor(2.5));
   console.log("2.9向上取整操作:" + Math.floor(2.9));
</script>

(4).Math.max([a,b,c,d...])/Math.min([a,b,c,d...])

 ①.概述

     Math.max([a,b,c,d...]):返回大于一个数的最小整数，即一个数向上取整后的值。

     Math.min([a,b,c,d...]):返回小于一个数的最大整数，即一个数向下取整后的值。

  ②:最大最小的基本使用

<script type="text/javascript">
  console.log("(1.2,5.2,3.6,4.2)获取最大值:" + Math.max(1.2,5.2,3.6,4.2));
  console.log("(5.2,4.1,3.6,5.4)获取最大值:" + Math.max(5.2,4.1,3.6,5.4));
  console.log("(1.2,5.2,3.6,4.2)获取最小值:" + Math.min(1.2,5.2,3.6,4.2));
  console.log("(5.2,4.1,3.6,5.4)获取最小值:" + Math.min(5.2,4.1,3.6,5.4));
</script>

 (5).Math.pow(x,y)

 ①.概述

      返回一个数的 y 次幂。

 ②:幂指数的基本使用

<script type="text/javascript">
   console.log("幂指数计算:" + Math.pow(2,3));
   console.log("幂指数计算:" + Math.pow(3,3));
</script>

(6).Math.random()/Math.round(x)

 ①.概述

      Math.random()：返回一个 0 到 1 之间的伪随机数。

      Math.round(x)：返回四舍五入后的整数。

 ②:随机数和四舍五入的基本使用

<script type="text/javascript">
  console.log("0-1随机数的基本使用:" + Math.random());
  console.log("1-10随机数的基本使用:" + Math.ceil(Math.random()*10));
  console.log("1.23数据的四舍五入整数操作:" + Math.round(1.23));
  console.log("1.234数据的四舍五入整数操作:" + Math.round(1.9));
  console.log("1.235数据的四舍五入整数操作:" + Math.round(1.45));
</script>