JavaScript Math 对象允许您对数字执行数学任务。
实例
document.getElementById("demo").innerHTML = Math.PI; // 返回 3.141592653589793
Math.round()
Math.round(x)
的返回值是 x 四舍五入为最接近的整数
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.round 整数
document.getElementById("demo").innerHTML=Math.round(9.9999)
</script>
</body>
</html>
//10
Math.pow()
Math.pow(x, y)
的返回值是 x 的 y 次幂
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.pow x的y次幂
document.getElementById("demo").innerHTML=Math.pow(10,2);
</script>
</body>
</html>
//100
Math.sqrt()
Math.sqrt(x)
返回 x 的平方根
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.sqrt平方根
document.getElementById("demo").innerHTML=Math.sqrt(72)
</script>
</body>
</html>
//8.48528137423857
Math.abs()
Math.abs(x)
返回 x 的绝对(正)值
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.abs()返回x的绝对正值
document.getElementById("demo").innerHTML=Math.abs(-100.12)
</script>
</body>
</html>
//100.12
Math.ceil()
Math.ceil(x)
的返回值是 x 上舍入最接近的整数
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.ceil() 返回x上舍入最接近的整数
document.getElementById("demo").innerHTML=Math.ceil(9.1);
</script>
</body>
</html>
//10
Math.floor()
Math.floor(x)
的返回值是 x 下舍入最接近的整数
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.floor() 返回x下舍入最近的整数
document.getElementById("demo").innerHTML=Math.floor(9.99)
</script>
</body>
</html>
//9
Math.sin()
Math.sin(x)
返回角 x(以弧度计)的正弦(介于 -1 与 1 之间的值)
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.sin() 返回角x(以弧度计)的正弦
document.getElementById("demo").innerHTML=Math.sin(180*Math.PI/360);
</script>
</body>
</html>
//1
//Math.sin(90 * Math.PI / 180); // 返回 1(90 度的正弦)
Math.cos()
Math.cos(x)
返回角 x(以弧度计)的余弦(介于 -1 与 1 之间的值)。
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.cos() 返回角x的余弦
document.getElementById("demo").innerHTML=Math.cos(0*Math.PI/180);
</script>
</body>
</html>
//1
Math.min() 和 Math.max()
Math.min()
和 Math.max()
可用于查找参数列表中的最低或最高值
Math.min()示例
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
// Math.min() 查找最低值
document.getElementById("demo").innerHTML=Math.min((0, 450, 35, 10, -8, -300, -78))
</script>
</body>
</html>
//-300
Math.max()示例
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.max() 查找最高值
document.getElementById("demo").innerHTML=Math.max(0, 450, 35, 10, -8, -300, -78)
</script>
</body>
</html>
//450
Math.random()
Math.random()
返回介于 0(包括) 与 1(不包括) 之间的随机数
<!DOCTYPE html>
<html lang="en">
<body>
<p id="demo"></p>
<script>
//Math.random() 返回介于 0(包括) 与 1(不包括) 之间的随机数
document.getElementById("demo").innerHTML=Math.random();
</script>
</body>
</html>
//0.4446385992406321
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)
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) | 返回角的正切 |