一篇文章带你了解JavaScript math（下篇）

前端进阶者

发布于 2021-01-22 10:10:00

3120

发布于 2021-01-22 10:10:00

文章被收录于专栏：前端进阶交流

JavaScript的Math对象允许你对数字进行数学操作。上篇文章我们已经介绍了基本的Math函数用法，这篇文章我们来讲讲三角函数还有部分其他函数的用法。

一、三角函数

1. Math.sin()

Math.sin(x) 返回角度x的正弦值(-1到1之间)(以弧度)。

如果你想使用角度而不是弧度，你必须转换为弧度。

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>项目</title>
</head>
<body  style="background-color: aqua;">

  <h1>JavaScript Math.sin()</h1>

  <p>Math.sin(x) 返回x的正弦值:</p>
  <p>角弧度 = (度角) * PI / 180.</p>

  <p id="demo"></p>

  <script>
    document.getElementById("demo").innerHTML =
    "90 度的正弦值是：" + Math.sin(90 * Math.PI / 180);
</script>

</body>
</html>

2. Math.cos()

Math.cos(x) 返回x的余弦值(-1到1之间)(以弧度)。

如果你想使用角度而不是弧度，你必须转换为弧度。

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>项目</title>
</head>
<body  style="background-color: aqua;">

  <h1>JavaScript Math.cos()</h1>

  <p>Math.cos(x) 返回x的余弦值(以弧度):</p>
  <p>角弧度 = (度角) * PI / 180.</p>

  <p id="demo"></p>

  <script>
    document.getElementById("demo").innerHTML =
    "0度的余弦值是：" + Math.cos(0 * Math.PI / 180);
</script>

</body>
</html>

3. 其他函数

1. Math.min()

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

<script>
    document.getElementById("demo").innerHTML =
    Math.min(0, 150, 30, 20, -8, -200); // returns -200
</script>

2. Math.max()

<script>
    document.getElementById("demo").innerHTML =
    Math.max(0, 150, 30, 20, -8, -200);
</script>

二、Math 属性 (常量)

JavaScript 提供8个可以被Math对象访问的数学常数:（来源百度）。

Math.E        // returns Euler's number
Math.PI       // returns PI
Math.SQRT2    // returns the square root of 2
Math.SQRT1_2  // returns the square root of 1/2
Math.LN2      // returns the natural logarithm of 2
Math.LN10     // returns the natural logarithm of 10
Math.LOG2E    // returns base 2 logarithm of E
Math.LOG10E   // returns base 10 logarithm of E