JavaScript中Math對(duì)象相關(guān)知識(shí)全解
前言
除了簡(jiǎn)單的加減乘除,在某些長(zhǎng)和開(kāi)發(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ì)象。
常用屬性
屬性 | 說(shuō)明 |
---|---|
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的平方根 |
常用方法
方法 | 說(shuō)明 |
---|---|
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ì)象使用說(shuō)明
- 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)文章
JavaScript/Js腳本處理html元素的自定義屬性解析(親測(cè)兼容Firefox與IE)
這篇文章主要是對(duì)JavaScript/Js腳本處理html元素的自定義屬性解析(親測(cè)兼容Firefox與IE)進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11JavaScript基于ChatGPT實(shí)現(xiàn)打字機(jī)消息回復(fù)
ChatGPT 是一個(gè)基于深度學(xué)習(xí)的大型語(yǔ)言模型,處理自然語(yǔ)言需要大量的計(jì)算資源和時(shí)間,響應(yīng)速度肯定比普通的讀數(shù)據(jù)庫(kù)要慢的多,本文介紹了ChatGPT打字機(jī)消息回復(fù)實(shí)現(xiàn)原理,感興趣的同學(xué)可以跟著小編一起學(xué)習(xí)2023-05-05利用js的閉包原理做對(duì)象封裝及調(diào)用方法
下面小編就為大家?guī)?lái)一篇利用js的閉包原理做對(duì)象封裝及調(diào)用方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04JS小功能(onmouseover實(shí)現(xiàn)選擇月份)實(shí)例代碼
這篇文章主要介紹了onmouseover實(shí)現(xiàn)選擇月份實(shí)例代碼,有需要的朋友可以參考一下2013-11-11javascript+html5+css3自定義彈出窗口效果
這篇文章主要為大家詳細(xì)介紹了javascript+html5+css3自定義彈出窗口效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10JS動(dòng)態(tài)的把左邊列表添加到右邊的實(shí)現(xiàn)代碼(可上下移動(dòng))
在javascript前端開(kāi)發(fā)過(guò)程中經(jīng)常見(jiàn)到動(dòng)態(tài)的把左邊列表添加到右邊,基于js代碼怎么實(shí)現(xiàn)的呢?今天小編通過(guò)本文給大家介紹下js 左邊列表添加到右邊的實(shí)現(xiàn)方法,感興趣的朋友一起看看吧2016-11-11JavaScript+html實(shí)現(xiàn)前端頁(yè)面滑動(dòng)驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了JavaScript+html實(shí)現(xiàn)前端頁(yè)面滑動(dòng)驗(yàn)證,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06JavaScript簡(jiǎn)單判斷復(fù)選框是否選中及取出值的方法
這篇文章主要介紹了JavaScript簡(jiǎn)單判斷復(fù)選框是否選中及取出值的方法,涉及javascript遍歷復(fù)選框及元素取值的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08Day.js常用方法集合(附各種事件格式的轉(zhuǎn)換)
dayjs是一個(gè)輕量的處理時(shí)間和日期的JavaScript庫(kù),下面這篇文章主要給大家介紹了關(guān)于Day.js常用方法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03