JavaScript中Math對(duì)象相關(guān)知識(shí)全解
前言
除了簡(jiǎn)單的加減乘除,在某些長(zhǎng)和開發(fā)者需要進(jìn)行更為復(fù)雜的數(shù)學(xué)運(yùn)算。JavaScript的Math對(duì)象提供了一系列屬性和方法,能夠滿足大多數(shù)場(chǎng)合的需求。
Math對(duì)象是JavaScript的全局對(duì)象,不需要由函數(shù)進(jìn)行創(chuàng)建。有且只有一個(gè)Math對(duì)象。
常用屬性
| 屬性 | 說明 |
|---|---|
| Math.E | 返回值e(自然對(duì)數(shù)的底數(shù)) |
| Math.LN10 | 返回10的自然對(duì)數(shù) |
| Math.LN2 | 返回2的自然對(duì)數(shù) |
| Math.LOG2E | 返回以2為底的e的對(duì)數(shù) |
| Math.LOG10E | 返回以10為底的e的對(duì)數(shù) |
| Math.PI | 返回圓周率π |
| Math.SQRT1_2 | 返回1/2的平方根 |
| Math.SQRT2 | 返回2的平方根 |
常用方法
| 方法 | 說明 |
|---|---|
| Math.abs(x) | 返回x的絕對(duì)值 |
| Math.acos(x) | 返回x的反余弦值,其中x的范圍為[-1,1],返回值的范圍為[0,π] |
| Math.asin(x) | 返回x的反正弦值,其中x的范圍為[-1,1],返回值的范圍為[-π/2,π/2] |
| Math.atan(x) | 返回x的反正切值,返回值的范圍為[-π/2,π/2] |
| Math.atan2(y,x) | 返回原點(diǎn)和點(diǎn)(x,y)的連線與x正半軸的夾角,夾角范圍為[-π,π] |
| Math.cos(x) | 返回x的余弦值 |
| Math.exp(x) | 返回e的x次方 |
| Math.log(x) | 返回x的自然對(duì)數(shù) |
| Math.pow(x) | 返回x的y次方 |
| Math.sin(x) | 返回x的正弦值 |
| Math.sqrt(x) | 返回x的平方根,x必須大于或等于0 |
| Math.tan(x) | 返回x的正切值 |
實(shí)例參考
靜態(tài)常量值PI(圓周率)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> //靜態(tài)常量值PI(圓周率) var result1 = Math.PI; console.log(result1); </script> </body> </html>
abs(x) 獲取絕對(duì)值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(Math.abs(12)); console.log(Math.abs(-12)); </script> </body> </html>
ceil(x)上舍入,返回大于x的值中的最小整數(shù)值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(Math.ceil(5.1));//6 console.log(Math.ceil(5.4));//6 console.log(Math.ceil(5.5));//6 console.log(Math.ceil(5.9));//6 </script> </body> </html>
floor(x)下舍入,返回小于x的值中的最大整數(shù)值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(Math.floor(5.9));//5 console.log(Math.floor(5.5));//5 console.log(Math.floor(5.4));//5 console.log(Math.floor(5.1));//5 </script> </body> </html>
round()四舍五入,小于0.5的舍去,大于等于0.5,進(jìn)一
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(Math.round(5.1))//5 console.log(Math.round(5.4))//5 console.log(Math.round(5.5))//6 console.log(Math.round(5.9))//6 </script> </body> </html>
Math.random():返回一個(gè)[0.0,1.0)之間的浮點(diǎn)數(shù)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> //Math.random():返回一個(gè)[0.0,1.0)之間的浮點(diǎn)數(shù) console.log(Math.random()); //Math.random()*10:返回一個(gè)[0.0,10.0)之間的浮點(diǎn)數(shù) console.log(Math.random()*10); //parseInt(Math.random()*10):返回一個(gè)[0,10)之間的整數(shù) console.log(parseInt(Math.random()*10)); </script> </body> </html>
parseInt(Math.random()*(num2-num1)+num1):返回一個(gè)[num1,num2)之間的整數(shù)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(parseInt(Math.random()*22+39)); </script> </body> </html>
max(數(shù)據(jù)1,數(shù)據(jù)2,…,數(shù)據(jù)n):獲取多個(gè)數(shù)據(jù)中的最大值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(Math.max(10,23,52)); </script> </body> </html>
min(數(shù)據(jù)1,數(shù)據(jù)2,…,數(shù)據(jù)n):獲取多個(gè)數(shù)據(jù)中的最小值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(Math.min(10,23,65,3,89));//3 </script> </body> </html>
pow(x,y):獲取x的y次方結(jié)果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(Math.pow(9,3)); </script> </body> </html>
sqrt(x):返回x的平方根
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Math對(duì)象</title> </head> <body> <script> console.log(Math.sqrt(25));//5 </script> </body> </html>
總結(jié)
到此這篇關(guān)于JavaScript中Math對(duì)象相關(guān)知識(shí)的文章就介紹到這了,更多相關(guān)js Math對(duì)象知識(shí)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- Javascript Math對(duì)象
- Javascript之Math對(duì)象詳解
- JavaScript中Math對(duì)象使用說明
- JavaScript中Math對(duì)象的方法介紹
- JS Math對(duì)象與Math方法實(shí)例小結(jié)
- JavaScript中Math對(duì)象方法使用概述
- 淺談JavaScript中Date(日期對(duì)象),Math對(duì)象
- 簡(jiǎn)單談?wù)勗鷍s的math對(duì)象
- JS內(nèi)置對(duì)象和Math對(duì)象知識(shí)點(diǎn)詳解
- JavaScript Math對(duì)象和調(diào)試程序的方法分析
相關(guān)文章
使用偽命名空間封裝保護(hù)獨(dú)自創(chuàng)建的對(duì)象方法
下面小編就為大家?guī)硪黄褂脗蚊臻g封裝保護(hù)獨(dú)自創(chuàng)建的對(duì)象方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
javascript實(shí)現(xiàn)支持移動(dòng)設(shè)備畫廊
本文通過純javascript技術(shù)實(shí)現(xiàn)支持移動(dòng)設(shè)備畫廊,支持移動(dòng)設(shè)備手勢(shì)操作,感興趣的朋友一起來學(xué)習(xí)吧2015-08-08
js實(shí)現(xiàn)前端界面導(dǎo)航欄下拉列表
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)前端界面導(dǎo)航欄下拉列表,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08
elementui上傳圖片回顯功能實(shí)現(xiàn)
這篇文章主要介紹了elementui上傳圖片回顯,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07
JavaScript數(shù)值千分位格式化的兩種簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫avaScript數(shù)值千分位格式化的兩種簡(jiǎn)單實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08

