JS内置对象:Math

作者: 越IT | 来源:发表于2017-01-19 22:28 被阅读27次

    Math对象

    提供对数据的数学计算。

    【注意】:
    Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

    Math 对象属性

    Math 对象方法

    需要掌握的Math对象的方法有:
    min()
    max()
    ceil()
    floor()
    round()
    abs()

    一、向上取整ceil()

    ceil() 方法可对一个数进行向上取整。

    【语法】:

    Math.ceil(x)
    

    【参数说明】:
    x 必需。必须是一个数值。

    【注意】:
    它返回的是大于或等于x,并且与x最接近的整数。

    【案例】:
    我们将把 ceil() 方法运用到不同的数字上,代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Math </title>
    <script type="text/javascript">
      document.write(Math.ceil(0.8) + "<br />")
      document.write(Math.ceil(6.3) + "<br />")
      document.write(Math.ceil(5) + "<br />")
      document.write(Math.ceil(3.5) + "<br />")
      document.write(Math.ceil(-5.1) + "<br />")
      document.write(Math.ceil(-5.9))
    </script>
    </head>
    <body>
    </body>
    </html>
    

    【结果】


    二、向下取整floor()

    floor() 方法可对一个数进行向下取整。

    【语法】:

    Math.floor(x)
    

    【参数说明】:
    x 必需。必须是一个数值。

    【注意】:
    它返回的是小于或等于x,并且与x最接近的整数。

    【案例】使用 floor() 方法,代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Math </title>
    <script type="text/javascript">
      document.write(Math.floor(0.8)+ "<br>")
      document.write(Math.floor(6.3)+ "<br>")
      document.write(Math.floor(5)+ "<br>")
      document.write(Math.floor(3.5)+ "<br>")
      document.write(Math.floor(-5.1)+ "<br>")
      document.write(Math.floor(-5.9))
    </script>
    </head>
    <body>
    </body>
    </html>
    

    【结果】:


    三、四舍五入round()

    round() 方法可把一个数字四舍五入为最接近的整数。

    【语法】

    Math.round(x)
    

    【参数说明】:
    x 必需。必须是一个数值。

    【注意】:
    1:返回与 x 最接近的整数。
    2: 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6)
    3: 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6),如下图:

    【案例】把不同的数舍入为最接近的整数,代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Math </title>
    <script type="text/javascript">
      document.write(Math.round(1.6)+ "<br>");
      document.write(Math.round(2.5)+ "<br>");
      document.write(Math.round(0.49)+ "<br>");
      document.write(Math.round(-6.4)+ "<br>");
      document.write(Math.round(-6.6));
    </script>
    </head>
    <body>
    </body>
    </html>
    

    四、随机数 random()

    random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。

    【语法】:

    Math.random();
    

    【注意】
    1:返回一个大于或等于 0 但小于 1 的符号为正的数字值。
    2::因为是随机数,所以每次运行结果不一样,但是0 ~ 1的数值。

    【案例】取得介于 0 到 1 之间的一个随机数,代码如下:

    <script type="text/javascript">
      document.write(Math.random());
    </script>
    

    【案例】获得0 ~ 10之间的随机数,代码如下:

    <script type="text/javascript">
      document.write((Math.random())*10);
    </script>
    

    【说明】:
    求n到m之间的随机整数的公式:

    random=Math.floor(Math.random()*(m-n+1)+n);

    ★利用random封装一个求n到m之间的随机整数的函数

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>toUpperCase和toLowerCase</title>
    </head>
    <body>
    <script>
       //生成一个n到m之间的随机整数
       function getRandom(n,m){
            var choise=m-n+1;  //随机整数的个数
            return Math.floor(Math.random()*choise+n);
       }
       var random1=getRandom(2,6);
       console.log(random1);
    </script>
    </body>
    </html>
    

    五、最大值Math.max()

    【语法】:

    Math.max(num1,num2…numN)
    

    【功能】:
    求一组数中的最大值

    【返回值】:Number

    【案例】:

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>toUpperCase和toLowerCase</title>
    </head>
    <body>
    <script>
       var min=Math.min(5,-4,0,9,108,-55);
       console.log(min);
    </script>
    </body>
    </html>
    

    【结果】:


    【案例】:若一组数据中有一个非数字,则为NAN

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>toUpperCase和toLowerCase</title>
    </head>
    <body>
    <script>
       var min=Math.min(5,-4,0,9,108,-55,"abc");
       console.log(min);
    </script>
    </body>
    </html>
    

    【结果】:



    end.
    本笔记整理自慕课网

    相关文章

      网友评论

        本文标题:JS内置对象:Math

        本文链接:https://www.haomeiwen.com/subject/wfxwbttx.html