一篇文章帶你了解JavaScript math（上篇）
作者：前端進(jìn)階者
本文基于JavaScript基礎(chǔ)，講解數(shù)學(xué)函數(shù)在實(shí)際中的應(yīng)用。從最基本的函數(shù)開始，講解Math函數(shù)中常見的方法。用大量的案例進(jìn)行分析，對(duì)Math函數(shù)如何去運(yùn)用這些方法函數(shù)，以及在實(shí)際運(yùn)用中遇到難點(diǎn)都做了詳細(xì)講解。
JavaScript的Math對(duì)象允許你對(duì)數(shù)字進(jìn)行數(shù)學(xué)操作。
一、數(shù)學(xué)函數(shù)
1. 基本函數(shù)
1.Math.PI
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>項(xiàng)目</title>
- </head>
- <body style="background-color: aqua;">
- <h1>JavaScript Math.PI</h1>
- <p>Math.PI 返回圓周長(zhǎng)與其直徑之比:</p>
- <p id="demo"></p>
- <script>
- document.getElementById("demo").innerHTML = Math.PI;
- </script>
- </body>
- </html>
2. Math.round()
Math.round(x) 返回x舍入到其最近整數(shù)的值。
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>項(xiàng)目</title>
- </head>
- <body style="background-color: aqua;">
- <h1>JavaScript Math.round()</h1>
- <p>Math.round(x) 返回x舍入到其最近整數(shù)的值:</p>
- <p id="demo"></p>
- <!-- 替換相對(duì)于的js文件，實(shí)現(xiàn)功能。-->
- <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的絕對(duì)值。
- <script>
- document.getElementById("demo").innerHTML = Math.Math.abs(-4.7); // returns 4.7
- </script>
6. Math.ceil()
Math.ceil(x) 返回x向上舍入到其最近整數(shù)的值。
- <script>
- document.getElementById("demo").innerHTML = Math.ceil(4.4); // returns 5
- </script>
7. Math.floor()
Math.floor(x) 返回x向下舍入到其最近整數(shù)的值。
- <script>
- document.getElementById("demo").innerHTML = Math.floor(4.7);// returns 4
- </script>
二、總結(jié)
本文基于JavaScript基礎(chǔ)，講解數(shù)學(xué)函數(shù)在實(shí)際中的應(yīng)用。從最基本的函數(shù)開始，講解Math函數(shù)中常見的方法。用大量的案例進(jìn)行分析，對(duì)Math函數(shù)如何去運(yùn)用這些方法函數(shù)，以及在實(shí)際運(yùn)用中遇到難點(diǎn)都做了詳細(xì)講解。
豐富效果圖的展示，能夠更好的理解。希望通過本文的學(xué)習(xí) 讀者能夠更好的學(xué)習(xí)JavaScript。
責(zé)任編輯：姜華
來源：
前端進(jìn)階學(xué)習(xí)交流
