前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一篇文章带你了解JavaScript math(上篇)

一篇文章带你了解JavaScript math(上篇)

作者头像
前端进阶者
发布2021-01-22 10:09:39
4780
发布2021-01-22 10:09:39
举报
文章被收录于专栏:前端进阶交流

JavaScript的Math对象允许你对数字进行数学操作。

一、数学函数

1. 基本函数

1.Math.PI
代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>项目</title>
    </head>
    <body style="background-color: aqua;">

        <h1>JavaScript Math.PI</h1>

        <p>Math.PI 返回圆周长与其直径之比:</p>

        <p id="demo"></p>

        <script>
            document.getElementById("demo").innerHTML = Math.PI;
</script>

    </body>
</html>
2. Math.round()

Math.round(x) 返回x舍入到其最近整数的值。

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>项目</title>
    </head>
    <body style="background-color: aqua;">

        <h1>JavaScript Math.round()</h1>

        <p>Math.round(x) 返回x舍入到其最近整数的值:</p>

        <p id="demo"></p>
    <!-- 替换相对于的js文件,实现功能。-->
        <script> 
            document.getElementById("demo").innerHTML = Math.round(4.4);
</script>

    </body>
</html>
3. Math.pow()

Math.pow(x, y) x的y次方。

代码语言:javascript
复制
<script>
    document.getElementById("demo").innerHTML = Math.pow(8,2);   // returns 64
</script>
4. Math.sqrt()

Math.sqrt(x) x的平方根。

代码语言:javascript
复制
<script>
    document.getElementById("demo").innerHTML = Math.sqrt(64); // returns 8
</script>
5. Math.abs()

Math.abs(x) x的绝对值。

代码语言:javascript
复制
<script>
    document.getElementById("demo").innerHTML = Math.Math.abs(-4.7);  // returns 4.7
</script>
6. Math.ceil()

Math.ceil(x) 返回x向上舍入到其最近整数的值。

代码语言:javascript
复制
<script>
    document.getElementById("demo").innerHTML = Math.ceil(4.4); // returns 5
</script>
7. Math.floor()

Math.floor(x) 返回x向下舍入到其最近整数的值。

代码语言:javascript
复制
<script>
    document.getElementById("demo").innerHTML = Math.floor(4.7);// returns 4
</script>

二、总结

本文基于JavaScript基础,讲解数学函数在实际中的应用。从最基本的函数开始,讲解Math函数中常见的方法。用大量的案例进行分析,对Math函数如何去运用这些方法函数,以及在实际运用中遇到难点都做了详细讲解。

丰富效果图的展示,能够更好的理解。希望通过本文的学习 读者能够更好的学习JavaScript。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-09-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端进阶学习交流 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、数学函数
    • 1. 基本函数
      • 1.Math.PI
      • 2. Math.round()
      • 3. Math.pow()
      • 4. Math.sqrt()
      • 5. Math.abs()
      • 6. Math.ceil()
      • 7. Math.floor()
    • 二、总结
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档