详细了解下跟数学相关的JavaScript之Math对象 - Web前端
作者:98wpeu发布时间:2026-09-17分类:网页前端技术浏览:9

项目中我们经常会用到JavaScript中的Math对象,它主要用于执行数学任务。Math 对象并不像 date 和 string 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。
Math对象包含许多与数学相关的实用程序。我们在这里看看都有哪些。
使用 Math 的属性和方法的语法:
var pi_value=Math.PI; var sqrt_value=Math.sqrt(15);
接下来我们一起来详细了解下吧。
常量
| 相目 | 描述 |
|---|---|
Math.E | 常数e,自然对数的基数(表示~2.71828) |
Math.LN10 | 表示 10 的自然对数,约为 2.302 |
Math.LN2 | 表示 2 的自然对数,约为 0.693 |
Math.LOG10E | 表示以 10 为底数,e 的对数,约为 0.434 |
Math.LOG2E | 表示以 2 为底数,e 的对数,约为 1.442 |
Math.PI | 表示一个圆的周长与直径的比例,约为 3.14159 |
Math.SQRT1_2 | 表示 1/2 的平方根,约为 0.707 |
Math.SQRT2 | 表示 2 的平方根,约为 1.414 |
函数
所有这些函数方法都是静态的,Math 不能被实例化。
Math.abs()
返回数字的绝对值
javascript 代码:
Math.abs(2.5) //2.5 Math.abs(-2.5) //2.5
Math.acos()
返回反余弦值,参数必须在 -1 到 1 之间。
JavaScript 代码:
Math.acos(0.8) //0.6435011087932843
Math.asin()
返回反正弦值,参数必须在 -1 到 1 之间。
Javascript 代码:
Math.asin(0.8) //0.9272952180016123
Math.atan()
返回反正切值
javascript 代码:
Math.atan(30) //1.5374753309166493
Math.atan2()
返回其参数商的反正切值
javaScript 代码:
Math.atan2(30, 20) //0.982793723247329
Math.ceil()
向上取整
JavaScript 代码:
Math.ceil(2.5) //3 Math.ceil(2) //2 Math.ceil(2.1) //3 Math.ceil(2.99999) //3
Math.cos()
用弧度表示角度的余弦值
JavaScript 代码:
Math.cos(0) //1 Math.cos(Math.PI) //-1
Math.exp()
返回 Math.E 的参数次方
JavaScript 代码:
Math.exp(1) //2.718281828459045 Math.exp(2) //7.38905609893065 Math.exp(5) //148.4131591025766
Math.floor()
向下取整
JavaScript 代码:
Math.ceil(2.5) //2 Math.ceil(2) //2 Math.ceil(2.1) //2 Math.ceil(2.99999) //2
Math.log()
返回基数 e 的自然对数
JavaScript 代码:
Math.log(10) //2.302585092994046 Math.log(Math.E) //1
Math.max()
返回传入的一系列数字中的最大值
JavaScript 代码:
Math.max(1,2,3,4,5) //5 Math.max(1) //1
Math.min()
返回传入的一系列数字中的最小值
JavaScript 代码:
Math.min(1,2,3,4,5) //1 Math.min(1) //1
Math.pow()
返回第一个参数的第二参数次方
JavaScript 代码:
Math.pow(1, 2) //1 Math.pow(2, 1) //2 Math.pow(2, 2) //4 Math.pow(2, 4) //16
Math.ranDOM()
返回 0.0 到 1.0 之间的伪随机值
JavaScript 代码:
Math.random() //0.9318168241227056 Math.random() //0.35268950194094395
Math.round()
四舍五入
JavaScript 代码:
Math.round(1.2) //1 Math.round(1.6) //2
Math.sin()
用弧度计算角度的正弦值
JavaScript 代码:
Math.sin(0) //0 Math.sin(Math.PI) //1.2246467991473532e-16)
Math.sqrt()
开方
JavaScript 代码:
Math.sqrt(4) //2 Math.sqrt(16) //4 Math.sqrt(5) //2.23606797749979
Math.tan()
用弧度计算角度的正切值
JavaScript 代码:
Math.tan(0) //0 Math.tan(Math.PI) //-1.2246467991473532e-16
总结
关于JavaScript的Math对象,您现在学会了吗?
相关推荐
- Web前端开发:从浅入深逐步了解AJAX的来龙去脉 - Web前端
- 为何近几年Web前端“兑变”如此之快? - Web前端
- 作为Python开发人员需要有自己的Python库 - Web前端
- 您是否已经熟练掌握了这些常用的前端(javascript)算法? - Web前端
- Google Web前端大神教你如何优化Javascript性能 - Web前端
- 了解下2019年国外Web前端开发者薪酬趋势 - Web前端
- 谈谈JS中的函数式编程与面向对象编程的区别和应用 - Web前端
- 如何友好的使用setTimeout()来做一些应用 - Web前端
- 来聊聊JavaScript中一些常用的对象方法 - Web前端
- 手把手教您熟练掌握GIT新建和合并(冲突)分支的应用 - Web前端
- 网页前端技术排行
-
- 1[Web前端]用javascript实现默认图片替代未显示的图片 - Web前端
- 2分析Iconfont-阿里巴巴矢量常用图标库 - Web前端
- 3jQuery实例教程:制作网页中可折叠的面板 - Web前端
- 4【第六章】Foundation之按钮和下拉功能 - Web前端
- 5基于jquery的滚动条滚动固定div(附演示下载) - Web前端
- 6jQuery编写widget的一些技巧分享 - Web前端
- 7分享精心挑选的12款优秀jQuery Ajax分页插件和教程 - Web前端
- 8jQuery实现鼠标移到元素上动态提示消息框效果 - Web前端
- 9在Mac/PC上远程调试iPhone/iPad上的网页 - Web前端
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


