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

Python进阶者 2023-02-10 发布于广东

展开全文

回复“前端”即可获赠前端相关学习资料

今

日

鸡

汤

北风卷地白草折，胡天八月即飞雪。

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 numberMath.PI       // returns PIMath.SQRT2    // returns the square root of 2Math.SQRT1_2  // returns the square root of 1/2Math.LN2      // returns the natural logarithm of 2Math.LN10     // returns the natural logarithm of 10Math.LOG2E    // returns base 2 logarithm of EMath.LOG10E   // returns base 10 logarithm of E