Javascript Math对象


Posted in Javascript onAugust 13, 2009

Math对象

Math对象是在高中数学课就学过的内置对象。它知道解决最复杂的数学问题的所有公式,如果给它要处理的数字,即能计算出结果。

Math对象有几个属性,主要是数学界的专用值。下表类出了这些属性:

属  性 说    明
E 值e,自然对数的底
LN10 10的自然对数
LN2 2的自然对数
LOG2E 以2为底E的对数
LOG10E 以10为底E的对数
PI 值π
SQRT1_2 1/2的平方根
SQRT2 2的平方根

虽然这些值的意义与用法不在本书讨论范围内,但如果清楚它们是什么,在需要时,即可使用它们。

Math对象还包括许多专门用于执行简单的及复杂的数学计算的方法。

方法min()和max()用于判断一组数中的最大值和最小值。这两个方法都可接受任意多个参数:

Javascript Math对象Javascript Math对象

Javascript Math对象

对于数字3、54、32和16,max()返回54,min()返回3。用这些方法,可免去用循环或if语句来判断一组数中的最大值。

另一个方法abs()返回数字的绝对值。绝对值是负数的正值版本(正数的绝对值就是它自身)。

Javascript Math对象

这个例子中,abs(-1)返回1,abs(1)也返回1。

下一组方法用于把小数舍入成整数。处理舍入操作的方法有三个,即ceil()、floor()和round(),它们的处理方法不同:

q 方法ceil()表示向上舍入函数,总是把数字向上舍入到最接近的值。

q 方法floor()表示向下舍入函数,总是把数字向下舍入到最接近的值。

q 方法round()表示标准的舍入函数,如果数字与下一个整数的差不超过0.5,则向上舍入,否则向下舍入。这是在初中学过的舍入规则。

为说明每种方法的处理方式,考虑使用值25.5:

Javascript Math对象

对于ceil()和round(),传递25.5,返回的是26,而floor()返回的是25。注意不要交替使用这些方法,因为最后可能得到与预期不符的结果。

另一组方法与指数的用法有关。这些方法包括exp(),用于把Math.E升到指定的幂;log()用于返回特定数字的自然对数;pow()用于把指定的数字升到指定的幂;sqrt()用于返回指定数字的平方根。

方法exp()和log()本质上功能相反,exp()把Math.E升到特定的幂,log()则判断Math.E的多少次指数才等于指定的值。例如:

Javascript Math对象Javascript Math对象

这里,首先用exp()把Math.E升到10次幂,然后log()返回10,即等于数字iNum必需的指数。很多人都对此感到迷茫。全世界的高中生和数学系的大学生都被此类问题难倒过。如果你对自然对数一无所知,那么有可能永远都不需要为它编写代码。

方法pow()用于把数字升到指定的幂,如把2升到10次幂(在数学中表示为210):

Javascript Math对象

pow()的第一个参数是基数,此例子中是2。第二个参数是要升到的幂,此例子中是10。

不建议把Math.E作为pow()方法的基数。最好使用exp()Math.E进行升幂运算,因为它是专用运算,计算出的值更精确。

这组方法中的最后一个方法是sqrt(),用于返回指定数字的平方根。它只有一个参数,即要求平方根的数字。要求4的平方根,只需要用一行代码:

Javascript Math对象

当然,4的平方根是2,就是这行代码的输出。

你也许会问“为什么平方根必须利用指数”?实际上,数字平方根就是它的1/2次幂。例如,21/2就是2的平方根。

Math对象还有一整套三角函数方法。下表列出了这些方法:

方    法 说    明
acos(x) 返回x的反余弦值
asin(x) 返回x的反正弦值
atan(x) 返回x的反正切值
atan2(y,x) 返回y/x的反余弦值
cos(x) 返回x的余弦值
sin(x) 返回x的正弦值
tan(x) 返回x的正切值

即使这些方法是ECMA-262定义的,结果也是由实现决定的,因为每个值的计算方法都有很多,从而使得不同的实现生成的结果的精度也不同。

Math对象的最后一个方法是random(),该方法返回一个0到1之间的随机数,不包括0和1。这是在主页上显示随机引述或新闻的站点常用的工具。可用下面的形式调用random()方法,在某个范围内选择随机数:

Javascript Math对象

这里使用方法floor(),因为random()返回的都是小数值,也就是说,用它乘以一个数,然后再加上一个数,得到的仍然是小数值。通常你想选择一个随机整数值。因此,必须使用floor()方法。如果想选择一个1到10之间的数,代码如下:

Javascript Math对象

可能出现的值有10个(1到10),这些值中的第一个是1。如果想选择2到10之间的值,代码如下:

Javascript Math对象

从2到10,只有9个数字,所以选项总数为9,其中第一个值是2。许多时候,使用计算选项总数的函数和第一个可用的值更容易些:

Javascript Math对象

使用函数,可很容易地选择Array中的随机项:

Javascript Math对象

这里,selectFrom()函数的第二个参数是数组的长度减1,即数组中最后一个元素的位置。

Javascript 相关文章推荐
关于flash遮盖div浮动层的解决方法
Jul 17 Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
Jun 15 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
浅谈使用MVC模式进行JavaScript程序开发
Nov 10 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
Dec 04 Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
Aug 24 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
Nov 21 Javascript
nginx配置React静态页面的方法教程
Nov 03 Javascript
jQuery滑动效果实现方法分析
Sep 05 jQuery
vue-drawer-layout实现手势滑出菜单栏
Nov 19 Vue.js
Javascript 作用域使用说明
Aug 13 #Javascript
Javascript 继承机制实例
Aug 12 #Javascript
Javascript 继承机制的实现
Aug 12 #Javascript
Javascript 继承实现例子
Aug 12 #Javascript
JQuery jsonp 使用示例代码
Aug 12 #Javascript
JavaScript 权威指南(第四版) 读书笔记
Aug 11 #Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
Aug 09 #Javascript
You might like
在PHP中利用XML技术构造远程服务(下)
2006/10/09 PHP
php批量删除操作代码分享
2017/02/26 PHP
利用PHPExcel实现Excel文件的写入和读取
2017/04/26 PHP
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
2017/05/11 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
前端开发过程中浏览器版本的两种判定方法
2013/10/30 Javascript
JS保留两位小数,多位小数的示例代码
2014/01/07 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
浅析AngularJs HTTP响应拦截器
2015/12/28 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
Python isinstance函数介绍
2015/04/14 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
表彰先进集体通报
2014/01/12 职场文书
中级会计职业生涯规划书
2014/03/01 职场文书
母校寄语大全
2014/04/10 职场文书
中国梦演讲稿开场白
2014/08/28 职场文书
2014年“四风”问题个人整改措施
2014/09/17 职场文书
研究生个人学年总结
2015/02/14 职场文书
会计简历自我评价
2015/03/10 职场文书
2015年全民国防教育日活动总结
2015/03/23 职场文书
企业办公室主任岗位职责
2015/04/01 职场文书
公司考勤管理制度
2015/08/04 职场文书
Vue vee-validate插件的简单使用
2021/06/22 Vue.js