首页 文章详情

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

前端进阶学习交流 | 224 2022-04-29 00:15 0 0 0
UniSMS (合一短信)
点击上方“前端进阶学习交流”,进行关注

回复“前端”即可获赠前端相关学习资料

北风卷地白草折,胡天八月即飞雪。

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

一、数学函数

1. 基本函数

1.Math.PI

<!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舍入到其最近整数的值。

<!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次方。

<script>    document.getElementById("demo").innerHTML = Math.pow(8,2);   // returns 64</script>

4. Math.sqrt()

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

<script>    document.getElementById("demo").innerHTML = Math.sqrt(64); // returns 8</script>

5. Math.abs()

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

<script>    document.getElementById("demo").innerHTML = Math.Math.abs(-4.7);  // returns 4.7</script>

6. Math.ceil()

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

<script>    document.getElementById("demo").innerHTML = Math.ceil(4.4); // returns 5</script>

7. Math.floor()

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

<script>    document.getElementById("demo").innerHTML = Math.floor(4.7);// returns 4</script>

、总结

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

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

------------------- End -------------------

往期精彩文章推荐:

欢迎大家点赞,留言,转发,转载,感谢大家的相伴与支持

想加入前端学习群请在后台回复【入群

万水千山总是情,点个【在看】行不行

good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter