Math对象应用详解
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对象应用详解的更多相关文章
- javascript event（事件对象）详解
javascript event(事件对象)详解 1. 事件对象 1. 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什 ...
- 010-Scala单例对象、伴生对象实战详解
010-Scala单例对象.伴生对象实战详解 Scala单例对象详解 函数的最后一行是返回值 子项目 Scala伴生对象代码实战 object对象的私有成员可以直接被class伴生类访问,但是不可以被 ...
- openerp经典收藏 对象定义详解（转载）
对象定义详解 原文地址:http://shine-it.net/index.php/topic,2159.0.htmlhttp://blog.sina.com.cn/s/blog_57ded94e01 ...
- JAVA对象头详解（含32位虚拟机与64位虚拟机）
为什么要学习Java对象头 学习Java对象头主要是为了解synchronized底层原理,synchronized锁升级过程,Java并发编程等. JAVA对象头 由于Java面向对象的思想,在JV ...
- 三：python 对象类型详解一：数字（上）
一:python 的数字类型: a)整数和浮点数 b)复数 c)固定精度的十进制数 d)有理分数 e)集合 f)布尔类型 g)无穷的整数精度 h)各种数字内置函数和模块 二:各种数字类型的详解 1,数 ...
- CorelDRAW中如何复制对象属性详解
复制对象属性是一种比较特殊.重要的复制方法,它可以方便而快捷地将指定对象中的轮廓笔.轮廓色.填充和文本属性通过复制的方法应用到所选对象中.本教程将详解CorelDRAW中如何复制对象属性. Corel ...
- 18.Java 封装详解/多态详解/类对象转型详解
封装概述 简述 封装是面向对象的三大特征之一. 封装优点 提高代码的安全性. 提高代码的复用性. "高内聚":封装细节,便于修改内部代码,提高可维护性. "低耦合&quo ...
- Flex使用Blazeds与Java交互及自定义对象转换详解-DATAGRID读取ORACLE数据
http://www.cnblogs.com/RocD-DuPeng/articles/1751040.html 一.建立Flex与Java交互的工程. 本文中讲到的交互是利用Blazeds的,因为这 ...
- Java对象克隆详解
原文:http://www.cnblogs.com/Qian123/p/5710533.html 假如说你想复制一个简单变量.很简单: int apples = 5; int pears = appl ...
随机推荐
- #ifndef HeaderName_h #define HeaderName_h #endif 使用详解
想必很多人都看到过头文件中写有:#ifndef HeaderName_h #define HeaderNa ...
- Centos7.2安装搜狗拼音
方法一: Fedora 19/20/21/rawhide 使用以下命令添加源: # yum install dnf-plugins-core # dnf copr enable mosquito/my ...
- MySQL中使用like查找汉字 Incorrect string value 解决办法
用Select…like %…%来查找MySQL的text类型字段的一个中文,却发现查出来的是乱的,发现不少人也遇到这样的问题.在中文排序和查找的时候,汉字的结果是错误的. 原因在于MySQL在查找字 ...
- C# 线程手册 第三章 使用线程 实现一个数据库连接池(实战篇)
在企业级软件开发过程中,为了改善应用程序的性能需要通常使用对象池来控制对象的实例化.例如,在我们每次需要连接一个数据库时都需要创建一个数据库连接,而数据库连接是非常昂贵的对象.所以,为了节省为每次数据 ...
- 基于vue-cli的改造的多页面开发脚手架
项目的GitHub地址:https://github.com/hellobajie/vue-cli-multipage 该脚手架同时支持vux,scss,less 目录结构 vue-cli-multi ...
- 史上最全 40 道 Dubbo 面试题及答案
https://blog.csdn.net/zl1zl2zl3/article/details/83721147
- Nginx 学习笔记（五）nginx-vod-module 模块
nginx-vod-module 一.编译 ./configure \ --user=www \ --group=www \ --prefix=/usr/local/openresty \ --wit ...
- PHP 日志专题
PHP堆栈跟踪(php stack trace) PHP message: PHP Stack trace: PHP message: PHP . {main}() PHP message: PHP ...
- Winform中使用WPF控件并动态读取Xaml
1.添加新项 2.在构造函数中加入 public partial class UserControl1 : UserControl { public UserControl1() { Initiali ...
- u-boot移植（七）---代码修改---存储控制器
一.CPU访问芯片的条件 CPU通过访问存储控制器,来读取外部设备的数据. CPU想访问一个芯片,需要如下条件(配置信息): 地址线 数据线:8位/16位/32位数据宽度 时钟/频率 其他芯片相关的特 ...