JavaScript中的Math对象提供了大量的算术运算功能和数值操作方法。

JavaScript中的Math对象的与众不同之处在于，它是一个全局对象。在使用Math对象之前，既不需要将一个变量声明为Math对象，也不需要定义一个新的Math对象，JavaScript将自动地创建好Math对象，我们只须直接使用它即可。这使得Math对象使用起来很容易。

Math对象的属性中包含一些经常使用的数学常量，如PI属性(即圆周率近似值3.141592653589793)。通常情况下，要访问这些属性，只须在Math之后加上一个点号(.)，然后写出要访问的属性名。例如，要计算一个圆的面积，可以使用如下代码：

var radius = prompt("Give the radius of the circle", "");

var area = (Math.PI)*radius*radius;

document.write("The area is " area);

除加(+)、减(–)、乘(*)、除(/) 4个标准算术运算外，Math对象还包含一些复杂的数学方法，用于完成算术运算无法实现的复杂计算，例如cos()方法用于计算弧度参数的余弦函数。下面将介绍一些常见的数学方法。

1．abs()方法

abs()方法返回所传入参数的绝对值。实际上，绝对值就是一个数去掉正负号之后的数值。例如，–1的绝对值是1，–4的绝对值是4等。对于正数，其绝对值就是该正数本身，例如，1的绝对值就是1。

例如：下面的代码对–101取绝对值，并把结果输出在页面上：

var myNumber = -101;

document.write(Math.abs(myNumber));

2．ceil()方法

ceil()方法用于向上取整，它把一个数值向上舍入到最接近的最小整数，即对于Math.ceil(n)方法，它将返回大于或等于n的最小整数。例如，10.01向上取整后为11，–9.99向上取整后为–9(这是因为对于负数，–9大于–10)。ceil()方法只有一个参数，即需要向上取整的数值。

ceil()方法的使用与第2章中介绍过的parseInt()方法是不同的。parseInt()方法只是简单地截断小数点之后的所有数字，把整数部分保留下来。而ceil(n)方法将向上取整，返回大于或等于n的最小整数。

例如，下面的代码将在页面上输出两行信息，第一行为ceil()方法对101.01向上取整的结果102，第二行为parseInt()方法取整的结果101:

var myNumber = 101.01;

document.write(Math.ceil(myNumber) "<BR>");

document.write(parseInt(myNumber));

3．floor()方法

与ceil()方法类似，floor()方法也用于对一个数字进行取整，所不同的是，floor()方法用于向下取整，它把一个数值向下舍入到最接近的最大整数，即对于Math.floor(n)方法，它将返回小于或等于n的最大整数。例如，Math.floor(10.01)将返回10，而Math.floor(–9.99)将返回–10。

4．round()方法

round()方法用于对一个数值进行四舍五入，即当一个数小数部分大于等于0.5时，则向上舍入，小于等于0.5时则向下舍入。

例如，对于如下代码：

var myNumber = 44.5;

document.write(Math.round(myNumber) "<BR>");

myNumber = 44.49;

document.write(Math.round(myNumber));

对于44.5将四舍五入为45，而对于44.49则四舍五入为44。

5．关于取整方法的小结

正如上面所述，ceil()方法、 floor()方法和round()方法都可以进行取整操作。但各个方法的取整操作是不同的。对于floor(n)方法，它返回小于或等于n的最大整数；对于ceil(n)方法，它返回大于或等于n的最小整数；而round(n)方法将对n进行四舍五入。这几个方法可能容易混淆，表4-3格则用实例进行了说明：它显示了一列数值，以及将这些数值作为参数分别传入parseInt()函数、ceil()方法、floor()方法和round()方法时的返回值。

表 4-3

参 数

parseInt()

方法的返回值

ceil()

方法的返回值

floor()

方法的返回值

round()

方法的返回值

10.25

10

11

10

10

10.75

10

11

10

11

10.5

10

11

10

11

–10.25

–10

–10

–11

–10

–10.75

–10

–10

–11

–11

–10.5

–10

–10

–11

–10

注意：与表中其他的方法不同的是：parseInt()函数是一个JavaScript内置对象，而不是Math对象的一个方法。

如果对JavaScript中各个取整方法还不熟悉的话，下面的这个例子将演示这些方法的使用，以增进我们对各个取整方法的理解。首先，通过提示框获得用户输入的一个数值，然后将该数值作为参数分别传入parseInt()函数、ceil()方法、 floor()方法和round()方法，各个方法的返回值将以一个表格的形式显示在页面上。

<html>

<body>

<script language="JavaScript" type="text/javascript">

var myNumber = prompt("Enter the number to be rounded","");

document.write("<h3>The number you entered was " myNumber "</h3><br>");

document.write("<p>The rounding results for this number are</p>");

document.write("<table width=150 border=1>");

document.write("<tr><th>Method</th><th>Result</th></tr>");

document.write("<tr><td>parseInt()</td><td>" parseInt(myNumber)

"</td></tr>");

document.write("<tr><td>ceil()</td><td>" Math.ceil(myNumber)

"</td></tr>");

document.write("<tr><td>floor()</td><td>" Math.floor(myNumber)

"</td></tr>");

document.write("<tr><td>round()</td><td>" Math.round(myNumber)

"</td></tr>");

document.write("</table>")

</script>

</body>

</html>

Math对象应用详解的更多相关文章

  1. javascript event（事件对象）详解

    javascript event(事件对象)详解   1. 事件对象     1. 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什 ...

  2. 010-Scala单例对象、伴生对象实战详解

    010-Scala单例对象.伴生对象实战详解 Scala单例对象详解 函数的最后一行是返回值 子项目 Scala伴生对象代码实战 object对象的私有成员可以直接被class伴生类访问,但是不可以被 ...

  3. openerp经典收藏 对象定义详解（转载）

    对象定义详解 原文地址:http://shine-it.net/index.php/topic,2159.0.htmlhttp://blog.sina.com.cn/s/blog_57ded94e01 ...

  4. JAVA对象头详解（含32位虚拟机与64位虚拟机）

    为什么要学习Java对象头 学习Java对象头主要是为了解synchronized底层原理,synchronized锁升级过程,Java并发编程等. JAVA对象头 由于Java面向对象的思想,在JV ...

  5. 三：python 对象类型详解一：数字（上）

    一:python 的数字类型: a)整数和浮点数 b)复数 c)固定精度的十进制数 d)有理分数 e)集合 f)布尔类型 g)无穷的整数精度 h)各种数字内置函数和模块 二:各种数字类型的详解 1,数 ...

  6. CorelDRAW中如何复制对象属性详解

    复制对象属性是一种比较特殊.重要的复制方法,它可以方便而快捷地将指定对象中的轮廓笔.轮廓色.填充和文本属性通过复制的方法应用到所选对象中.本教程将详解CorelDRAW中如何复制对象属性. Corel ...

  7. 18.Java 封装详解/多态详解/类对象转型详解

    封装概述 简述 封装是面向对象的三大特征之一. 封装优点 提高代码的安全性. 提高代码的复用性. "高内聚":封装细节,便于修改内部代码,提高可维护性. "低耦合&quo ...

  8. Flex使用Blazeds与Java交互及自定义对象转换详解-DATAGRID读取ORACLE数据

    http://www.cnblogs.com/RocD-DuPeng/articles/1751040.html 一.建立Flex与Java交互的工程. 本文中讲到的交互是利用Blazeds的,因为这 ...

  9. Java对象克隆详解

    原文:http://www.cnblogs.com/Qian123/p/5710533.html 假如说你想复制一个简单变量.很简单: int apples = 5; int pears = appl ...

随机推荐

  1. nginx下后端节点realserverweb健康检测模块ngx_http_upstream_check_module

    本文章收录做资料使用,非本人原创,特此说明. 公司前一段对业务线上的nginx做了整理,重点就是对nginx上负载均衡器的后端节点做健康检查.目前,nginx对后端节点健康检查的方式主要有3种,这里列 ...

  2. 浅谈Python闭包

    闭包是在其词法上下文中引用了自由变量的函数. 通俗地说,就是函数嵌套(后续称之为外层函数)另外一个函数(后续称之为内层函数),在内层函数中,引用外层函数的变量,每次对内层函数的调用,外层函数变量的值都 ...

  3. pymysql 解决 sql 注入问题

    1. SQL 注入 SQL 注入是非常常见的一种网络攻击方式,主要是通过参数来让 mysql 执行 sql 语句时进行预期之外的操作. 即:因为传入的参数改变SQL的语义,变成了其他命令,从而操作了数 ...

  4. C#中子线程操作主线程中窗体上控件的方法

    Demo this.listView1.Visible = true; this.listView1.BeginUpdate();this.listView1.EndUpdate(); //结束数据处 ...

  5. CentOS6.8下Jenkins+maven+tomcat+git+shell自动构建、部署web应用环境的搭建

    参考资料:http://www.cnblogs.com/cheng95/p/6542036.html http://www.cnblogs.com/software-test/p/7068278.ht ...

  6. bzoj千题计划304：bzoj3676: [Apio2014]回文串（回文自动机）

    https://www.lydsy.com/JudgeOnline/problem.php?id=3676 回文自动机模板题 4年前的APIO如今竟沦为模板,,,╮(╯▽╰)╭,唉 #include& ...

  7. 第三节：工厂+反射+配置文件(手写IOC)对缓存进行管理。

    一. 章前小节 在前面的两个章节,我们运用依赖倒置原则,分别对 System.Web.Caching.Cache和 System.Runtime.Cacheing两类缓存进行了封装,并形成了ICach ...

  8. Java9都快发布了，Java8的十大新特性你了解多少呢？

    Java 9预计将于今年9月份发布,这是否会是一次里程碑式的版本,我们拭目以待.今天,我们先来复习一下2014年发布的Java 8的十大新特性. Java 8可谓是自Java 5以来最具革命性的版本了 ...

  9. SpringAOP+注解实现简单的日志管理

    今天在再次深入学习SpringAOP之后想着基于注解的AOP实现日志功能,在面试过程中我们也经常会被问到:假如项目已经上线,如何增加一套日志功能?我们会说使用AOP,AOP也符合开闭原则:对代码的修改 ...

  10. 【API】恶意样本分析手册——API函数篇

    学编程又有材料了 http://blog.nsfocus.net/malware-sample-analysis-api/