加入收藏 | 设为首页
我要投稿

小码哥的IT人生

首页 > JS > JavaScript基础

JavaScript 数学

JavaScript基础 2022-04-25 01:32:38小码哥的IT人生shichen

JavaScript 数学

JavaScript Math 对象允许您对数字执行数学任务。

实例

Math.PI;           // 返回 3.141592653589793

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.PI</h1>
<p>Math.PI 返回圆周长与直径的比率：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.PI;
</script>
</body>
</html>

运行结果：

Javascript Math.PI

Math.PI 返回圆周长与直径的比率：

3.141592653589793

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.round()

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

示例代码：

Math.round(6.8);    // 返回 7
Math.round(2.3);    // 返回 2

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.round()</h1>
<p>Math.round(x) 返回 x 四舍五入到最接近的整数的值：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.round(4.4);
</script>
</body>
</html>

运行结果：

Javascript Math.round()

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

4

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.pow()

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

示例代码：

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

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.pow()</h1>
<p>Math.pow(x,y) 返回 x 的 y 次幂的值：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.pow(8,2);
</script>
</body>
</html>

运行结果：

Javascript Math.pow()

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

64

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.sqrt()

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

示例代码：

Math.sqrt(64);      // 返回 8

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.sqrt()</h1>
<p>Math.sqrt(x) 返回 x 的平方根：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.sqrt(64);
</script>
</body>
</html>

运行结果：

Javascript Math.sqrt()

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

8

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.abs()

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

示例代码：

Math.abs(-4.7);     // 返回 4.7

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.abs()</h1>
<p>Math.abs(x) 返回 x 的绝对值：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.abs(-4.4);
</script>
</body>
</html>

运行结果：

Javascript Math.abs()

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

4.4

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.ceil()

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

示例代码：

Math.ceil(6.4);     // 返回 7

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.ceil()</h1>
<p>Math.ceil() 把数字上舍入为最接近的整数：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.ceil(4.4);
</script>
</body>
</html>

运行结果：

Javascript Math.ceil()

Math.ceil() 把数字上舍入为最接近的整数：

5

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.floor()

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

示例代码：

Math.floor(2.7);    // 返回 2

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.floor()</h1>
<p>Math.floor(x) 返回 x 被下舍入为最接近整数的值：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.floor(4.7);
</script>
</body>
</html>

运行结果：

Javascript Math.floor()

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

4

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.sin()

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

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

Angle in radians = Angle in degrees x PI / 180.

示例代码：

Math.sin(90 * Math.PI / 180);     // 返回 1（90 度的正弦）

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.sin()</h1>
<p>Math.sin(x) 返回 x（以弧度计）的正弦：</p>
<p>以弧度计的角度 = (以度数计的角度) * PI / 180。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
"The sine value of 90 degrees is " + Math.sin(90 * Math.PI / 180);
</script>
</body>
</html>

运行结果：

Javascript Math.sin()

Math.sin(x) 返回 x（以弧度计）的正弦：

以弧度计的角度 = (以度数计的角度) * PI / 180。

The sine value of 90 degrees is 1

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.cos()

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

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

Angle in radians = Angle in degrees x PI / 180.

示例代码：

Math.cos(0 * Math.PI / 180);     // 返回 1（0 度的余弦）

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.cos()</h1>
<p>Math.cos(x) 返回 x（以弧度计）的余弦：</p>
<p>以弧度计的角度 = (以度数计的角度) * PI / 180。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
"The cosine value of 0 degrees is " + Math.cos(0 * Math.PI / 180);
</script>
</body>
</html>

运行结果：

Javascript Math.cos()

Math.cos(x) 返回 x（以弧度计）的余弦：

以弧度计的角度 = (以度数计的角度) * PI / 180。

The cosine value of 0 degrees is 1

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.min() 和 Math.max()

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

示例代码：

Math.min(0, 450, 35, 10, -8, -300, -78);  // 返回 -300

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.min()</h1>
<p>Math.min() 返回参数列表中的最低值：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.min(0, 150, 30, 20, -8, -200);
</script>
</body>
</html>

运行结果：

Javascript Math.min()

Math.min() 返回参数列表中的最低值：

-200

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

示例代码：

Math.max(0, 450, 35, 10, -8, -300, -78);  // 返回 450

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.max()</h1>
<p>Math.max() 返回参数列表中的最高值：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.max(0, 150, 30, 20, -8, -200);
</script>
</body>
</html>

运行结果：

Javascript Math.max()

Math.max() 返回参数列表中的最高值：

150

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

Math.random()

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

示例代码：

Math.random();     // 返回随机数

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Math.random()</h1>
<p>Math.random() 返回 0 与 1 之间的随机值：</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Math.random();
</script>
</body>
</html>

运行结果：

Javascript Math.random()

Math.random() 返回 0 与 1 之间的随机值：

0.2261914445633333

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

您将在本教程的下一章学到更多有关 Math.random() 的知识。

Math 属性（常量）

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

示例代码：

Math.E          // 返回欧拉指数（Euler's number）
Math.PI         // 返回圆周率（PI）
Math.SQRT2      // 返回 2 的平方根
Math.SQRT1_2    // 返回 1/2 的平方根
Math.LN2        // 返回 2 的自然对数
Math.LN10       // 返回 10 的自然对数
Math.LOG2E      // 返回以 2 为底的 e 的对数（约等于 1.414）
Math.LOG10E     // 返回以 10 为底的 e 的对数（约等于 0.434）

完整实例：

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数学常量</h1>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
"<p><b>Math.E:</b> " + Math.E + "</p>" +
"<p><b>Math.PI:</b> " + Math.PI + "</p>" +
"<p><b>Math.SQRT2:</b> " + Math.SQRT2 + "</p>" +
"<p><b>Math.SQRT1_2:</b> " + Math.SQRT1_2 + "</p>" +
"<p><b>Math.LN2:</b> " + Math.LN2 + "</p>" +
"<p><b>Math.LN10:</b> " + Math.LN10 + "</p>" +
"<p><b>Math.LOG2E:</b> " + Math.LOG2E + "</p>" +
"<p><b>Math.Log10E:</b> " + Math.LOG10E + "</p>";
</script>
</body>
</html>

运行结果：

Javascript 数学常量


Math.E: 2.718281828459045

Math.PI: 3.141592653589793

Math.SQRT2: 1.4142135623730951

Math.SQRT1_2: 0.7071067811865476

Math.LN2: 0.6931471805599453

Math.LN10: 2.302585092994046

Math.LOG2E: 1.4426950408889634

Math.Log10E: 0.4342944819032518

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.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测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

相关阅读

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
 ICP备案号：苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024