JavaScript从入门到精通(微视频精编版)
上QQ阅读APP看书,第一时间看更新

6.1 Math对象

视频讲解

Math对象提供了大量的数学常量和数学函数。在使用Math对象时,不能使用new关键字创建对象实例,而应直接使用“对象名.成员”的格式来访问其属性或方法。下面将对Math对象的属性和方法进行介绍。

6.1.1 Math对象的属性

Math对象的属性是数学中常用的常量,如表6.1所示。

表6.1 Math对象的属性

例如,已知一个圆的半径是5,计算这个圆的周长和面积。代码如下:

    01  var r = 5;                                                     //定义圆的半径
    02  var circumference = 2*Math.PI*r;                              //定义圆的周长
    03  var area = Math.PI*r*r;                                       //定义圆的面积
    04  document.write("圆的半径为"+r+"<br>");                        //输出圆的半径
    05  document.write("圆的周长为"+parseInt(circumference)+"<br>");  //输出圆的周长
    06  document.write("圆的面积为"+parseInt(area));                  //输出圆的面积

运行结果为:

    圆的半径为5
    圆的周长为31
    圆的面积为78
6.1.2 Math对象的方法

Math对象的方法是数学中常用的函数,如表6.2所示。

表6.2 Math对象的方法

例如,计算两个数值中的较大值,可以通过Math对象的max()函数。代码如下:

    var larger = Math.max(value1,value2);  //获取变量value1和value2的最大值

或者计算一个数的10次方,代码如下:

    var result = Math.pow(value1,10);  //获取变量value1的10次方

或者使用四舍五入函数计算最相近的整数值,代码如下:

    var result = Math.round(value);  //对变量value的值进行四舍五入

【例6.01】应用Math对象中的方法实现生成指定位数的随机数的功能。实现步骤如下:(实例位置:资源包\源码\06\6.01)

(1)在页面中创建表单,在表单中添加一个用于输入随机数位数的文本框和一个“生成”按钮,代码如下:

    01  请输入要生成随机数的位数:<p>
    02  <form name="form">
    03    <input type="text" name="digit" />
    04    <input type="button" value="生成" />
    05  </form>

(2)编写生成指定位数的随机数的函数ran(),该函数只有一个参数digit,用于指定生成的随机数的位数,代码如下:

    01  function ran(digit){
    02     var result="";                                     //声明变量并初始化
    03     for(i=0;i<digit;i++){
    04        result=result+(Math.floor(Math.random()*10));  //将生成的单个随机数连接起来
    05     }
    06     alert(result);                                     //输出随机数
    07  }

(3)在“生成”按钮的onClick事件中调用ran()函数生成随机数,代码如下:

    <input type="button" value="生成" onclick="ran(form.digit.value)" />

运行程序,结果如图6.1所示。

图6.1 生成指定位数的随机数