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 相关文章推荐
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 Javascript
jquery访问ashx文件示例代码
Aug 11 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
Mar 10 Javascript
JS图片预加载插件详解
Jun 21 Javascript
基于express中路由规则及获取请求参数的方法
Mar 12 Javascript
JS执行控制之节流模式实例分析
Dec 21 Javascript
JS学习笔记之闭包小案例分析
May 29 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
微信小程序swiper实现文字纵向轮播提示效果
Jan 21 Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
Dec 03 Vue.js
Vue基本指令实例图文讲解
Feb 25 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发送post请求的三种方法
2014/02/11 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
Drupal简体中文语言包安装教程
2014/09/27 PHP
php发送邮件的问题详解
2015/06/22 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
jquery高级编程的最佳实践详解
2014/03/23 Javascript
让浏览器DOM元素最后加载的js方法
2014/07/29 Javascript
jquery中change()用法实例分析
2015/02/06 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
JavaScript判断数组是否存在key的简单实例
2016/08/03 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
2019/04/26 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
跟老齐学Python之??碌某?? target=
2014/09/12 Python
python+matplotlib绘制旋转椭圆实例代码
2018/01/12 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
python网络编程之五子棋游戏
2020/05/14 Python
为什么称python为胶水语言
2020/06/16 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
英国优质家居用品网上品牌:URBANARA
2018/06/01 全球购物
Myprotein瑞士官方网站:运动营养和健身网上商店
2019/09/25 全球购物
生物制药自我鉴定
2014/01/25 职场文书
运动会开幕式主持词
2014/03/28 职场文书
学校募捐倡议书
2014/05/14 职场文书
全国爱牙日活动总结
2015/02/05 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
公司2015年终工作总结
2015/05/26 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
安全学习心得体会范文
2016/01/18 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL