自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

一篇文章帶你了解JavaScript math(下篇)

開發(fā) 前端
JavaScript的Math對象允許你對數(shù)字進(jìn)行數(shù)學(xué)操作。上篇文章我們已經(jīng)介紹了基本的Math函數(shù)用法,這篇文章我們來講講三角函數(shù)還有部分其他函數(shù)的用法。

[[348732]]

 JavaScript的Math對象允許你對數(shù)字進(jìn)行數(shù)學(xué)操作。上篇文章我們已經(jīng)介紹了基本的Math函數(shù)用法,這篇文章我們來講講三角函數(shù)還有部分其他函數(shù)的用法。

一、三角函數(shù)
1. Math.sin()
Math.sin(x) 返回角度x的正弦值(-1到1之間)(以弧度)。

如果你想使用角度而不是弧度,你必須轉(zhuǎn)換為弧度。

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

  1. <!DOCTYPE html> 
  2. <html lang="en"
  3. <head> 
  4.   <meta charset="UTF-8"
  5.   <title>項目</title> 
  6. </head> 
  7. <body  style="background-color: aqua;"
  8.  
  9.   <h1>JavaScript Math.sin()</h1> 
  10.  
  11.   <p>Math.sin(x) 返回x的正弦值:</p> 
  12.   <p>角弧度 = (度角) * PI / 180.</p> 
  13.  
  14.   <p id="demo"></p> 
  15.  
  16.   <script> 
  17.     document.getElementById("demo").innerHTML = 
  18.     "90 度的正弦值是:" + Math.sin(90 * Math.PI / 180); 
  19. </script> 
  20.  
  21. </body> 
  22. </html> 

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

如果你想使用角度而不是弧度,你必須轉(zhuǎn)換為弧度。

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

  1. <!DOCTYPE html> 
  2. <html lang="en"
  3. <head> 
  4.   <meta charset="UTF-8"
  5.   <title>項目</title> 
  6. </head> 
  7. <body  style="background-color: aqua;"
  8.  
  9.   <h1>JavaScript Math.cos()</h1> 
  10.  
  11.   <p>Math.cos(x) 返回x的余弦值(以弧度):</p> 
  12.   <p>角弧度 = (度角) * PI / 180.</p> 
  13.  
  14.   <p id="demo"></p> 
  15.  
  16.   <script> 
  17.     document.getElementById("demo").innerHTML = 
  18.     "0度的余弦值是:" + Math.cos(0 * Math.PI / 180); 
  19. </script> 
  20.  
  21. </body> 
  22. </html> 

3. 其他函數(shù)
1. Math.min()
Math.min() 和 Math.max() 可用于在參數(shù)列表中查找最低或最高值。

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

2. Math.max()

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

二、Math 屬性 (常量)
JavaScript 提供8個可以被Math對象訪問的數(shù)學(xué)常數(shù):(來源百度)。

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

三、總結(jié)
本文基于JavaScript基礎(chǔ),講解數(shù)學(xué)函數(shù)在實際中的應(yīng)用。從最基本的函數(shù)開始,講解Math函數(shù)中常見的方法,有三角函數(shù)方法,還有其他的一些常見的函數(shù),都做了詳細(xì)的講解。用大量的案例進(jìn)行分析,對Math函數(shù)如何去運(yùn)用這些方法函數(shù),以及在實際運(yùn)用中遇到難點都做了詳細(xì)講解。

豐富效果圖的展示,能夠更好的理解。希望通過本文的學(xué)習(xí) 讀者能夠更好的學(xué)習(xí)JavaScript。

責(zé)任編輯:姜華 來源: 前端進(jìn)階學(xué)習(xí)交流
相關(guān)推薦

2020-10-27 11:08:01

JavaScript

2020-10-21 09:20:03

JavaScript

2023-07-21 17:14:39

JavaScript瀏覽器Cookies

2023-07-30 15:18:54

JavaScript屬性

2021-01-26 23:46:32

JavaScript數(shù)據(jù)結(jié)構(gòu)前端

2021-03-09 14:04:01

JavaScriptCookie數(shù)據(jù)

2021-06-24 09:05:08

JavaScript日期前端

2023-09-06 14:57:46

JavaScript編程語言

2024-01-30 13:47:45

2024-04-19 14:23:52

SwitchJavaScript開發(fā)

2021-03-05 18:04:15

JavaScript循環(huán)代碼

2021-05-18 08:30:42

JavaScript 前端JavaScript時

2020-11-10 10:48:10

JavaScript屬性對象

2021-01-29 18:41:16

JavaScript函數(shù)語法

2021-02-02 18:39:05

JavaScript

2021-06-04 09:56:01

JavaScript 前端switch

2024-05-17 16:22:25

JavaScript

2021-07-02 10:00:50

JavaScriptObject 函數(shù)

2020-12-23 08:12:08

javascriptSVG腳本SVG元素

2024-08-16 15:44:53

JavaScriptWhile循環(huán)
點贊
收藏

51CTO技術(shù)棧公眾號