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

后浪云

2023-2-14

网站和优化

[[348732]]

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

三、总结
本文基于JavaScript基础，讲解数学函数在实际中的应用。从最基本的函数开始，讲解Math函数中常见的方法，有三角函数方法，还有其他的一些常见的函数，都做了详细的讲解。用大量的案例进行分析，对Math函数如何去运用这些方法函数，以及在实际运用中遇到难点都做了详细讲解。

丰富效果图的展示，能够更好的理解。希望通过本文的学习读者能够更好的学习JavaScript。

作者：后浪云

链接：https://www.idc.net/help/349685/

文章版权归作者所有，未经允许请勿转载。

THE END