参考手册
JAVASCRIPT 教程
JavaScript 设置日期
JavaScript 随机

JavaScript 数学对象方法

JavaScript 数学对象 Math 可以让您对数字执行数学计算。

实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.PI</h1>
  7. <p>Math.PI 返回圆周长与直径的比率：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = Math.PI;
  13. </script>
  15. </body>
  16. </html>
运行一下

Math.round()

Math.round(x) 的返回值是 x 四舍五入为最接近的整数：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.round()</h1>
  7. <p>Math.round(x) 返回 x 四舍五入到最接近的整数的值：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = Math.round(4.4);
  13. </script>
  15. </body>
  16. </html>
运行一下

Math.pow()

Math.pow(x, y) 的返回值是 x 的 y 次幂：

Math.pow(8, 2); // 返回 64

Math.sqrt()

Math.sqrt(x) 返回 x 的平方根：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.sqrt()</h1>
  7. <p>Math.sqrt(x) 返回 x 的平方根：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = Math.sqrt(64);
  13. </script>
  15. </body>
  16. </html>
运行一下

Math.abs()

Math.abs(x) 返回 x 的绝对（正）值：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.abs()</h1>
  7. <p>Math.abs(x) 返回 x 的绝对值：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = Math.abs(-4.4);
  13. </script>
  15. </body>
  16. </html>
运行一下

Math.ceil()

Math.ceil(x) 的返回值是 x 上舍入最接近的整数：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.ceil()</h1>
  7. <p>Math.ceil() 把数字上舍入为最接近的整数：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = Math.ceil(4.4);
  13. </script>
  15. </body>
  16. </html>
运行一下

Math.floor()

Math.floor(x) 的返回值是 x 下舍入最接近的整数：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.floor()</h1>
  7. <p>Math.floor(x) 返回 x 被下舍入为最接近整数的值：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = Math.floor(4.7);
  13. </script>
  15. </body>
  16. </html>
运行一下

Math.sin()

Math.sin(x) 返回角 x（以弧度计）的正弦（介于 -1 与 1 之间的值）。

如果您希望使用角度替代弧度，则需要将角度转换为弧度：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.sin()</h1>
  7. <p>Math.sin(x) 返回 x（以弧度计）的正弦：</p>
  9. <p>以弧度计的角度 = (以度数计的角度) * PI / 180。</p>
  11. <p id="demo">
  13. <script>
  14. document.getElementById("demo").innerHTML = 
  15. "The sine value of 90 degrees is " + Math.sin(90 * Math.PI / 180);
  16. </script>
  18. </body>
  19. </html>
运行一下

Math.cos()

Math.cos(x) 返回角 x（以弧度计）的余弦（介于 -1 与 1 之间的值）。

如果您希望使用角度替代弧度，则需要将角度转换为弧度：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.cos()</h1>
  7. <p>Math.cos(x) 返回 x（以弧度计）的余弦：</p>
  9. <p>以弧度计的角度 = (以度数计的角度) * PI / 180。</p>
  11. <p id="demo">
  13. <script>
  14. document.getElementById("demo").innerHTML = 
  15. "The cosine value of 0 degrees is " + Math.cos(0 * Math.PI / 180);
  16. </script>
  18. </body>
  19. </html>
运行一下

Math.min() 和 Math.max()

Math.min() 和 Math.max() 可用于查找参数列表中的最低或最高值：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.min()</h1>
  7. <p>Math.min() 返回参数列表中的最低值：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML =
  13. Math.min(0, 150, 30, 20, -8, -200);
  14. </script>
  16. </body>
  17. </html>
运行一下
实例
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.max()</h1>
  7. <p>Math.max() 返回参数列表中的最高值：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML =
  13. Math.max(0, 150, 30, 20, -8, -200);
  14. </script>
  16. </body>
  17. </html>
运行一下

Math.random()

Math.random() 返回介于 0（包括） 与 1（不包括） 之间的随机数：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript Math.random()</h1>
  7. <p>Math.random() 返回 0 与 1 之间的随机值：</p>
  9. <p id="demo">
  11. <script>
  12. document.getElementById("demo").innerHTML = Math.random();
  13. </script>
  15. </body>
  16. </html>
运行一下

Math 属性（常量）

JavaScript 提供了可由 Math 对象访问的 8 个数学常量：

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h1>JavaScript 数学常量</h1>
  7. <p id="demo">
  9. <script>
  10. document.getElementById("demo").innerHTML =
  11. "<p><b>Math.E:</b> " + Math.E + "</p>" +
  12. "<p><b>Math.PI:</b> " + Math.PI + "</p>" +
  13. "<p><b>Math.SQRT2:</b> " + Math.SQRT2 + "</p>" +
  14. "<p><b>Math.SQRT1_2:</b> " + Math.SQRT1_2 + "</p>" +
  15. "<p><b>Math.LN2:</b> " + Math.LN2 + "</p>" +
  16. "<p><b>Math.LN10:</b> " + Math.LN10 + "</p>" +
  17. "<p><b>Math.LOG2E:</b> " + Math.LOG2E + "</p>" +
  18. "<p><b>Math.Log10E:</b> " + Math.LOG10E + "</p>";
  19. </script>
  21. </body>
  22. </html>
运行一下

Math 构造器

与其他全局对象不同，Math对象没有构造函数。方法和属性是静态的。可以在不首先创建Math对象的情况下使用所有方法和属性（常量）。

Math 对象方法

方法描述
abs(x)返回 x 的绝对值
acos(x)返回 x 的反余弦值，以弧度计
asin(x)返回 x 的反正弦值，以弧度计
atan(x)以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
atan2(y,x)返回从 x 轴到点 (x,y) 的角度
ceil(x)对 x 进行上舍入
cos(x)返回 x 的余弦
exp(x)返回 Ex 的值
floor(x)对 x 进行下舍入
log(x)返回 x 的自然对数（底为e）
max(x,y,z,…,n)返回最高值
min(x,y,z,…,n)返回最低值
pow(x,y)返回 x 的 y 次幂
random()返回 0 ~ 1 之间的随机数
round(x)把 x 四舍五入为最接近的整数
sin(x)返回 x（x 以角度计）的正弦
sqrt(x)返回 x 的平方根
tan(x)返回角的正切

完整的 Math 参考手册

如需完整的参考手册，请访问本站完整的 Math 对象参考手册。该参考手册包含了所有 Math 属性和方法的描述和实例。

JavaScript 设置日期
JavaScript 随机

分类导航

HTMLHTML5JAVASCRIPTCSSjQueryBootstrap 3 教程SassReactHTMl 颜色教程JSONXMLXPathTypeScriptAppML 教程XLinkXPointerXQueryXFormsXsltXML SchemaXSL-FOWeb ServiceWSDSOAPW3CSVGDHTMLTCP/IPjQuery Mobile 教程XHTML