JavaScript數(shù)學對象(Math)方法舉例詳解
更新時間：2024年03月08日 09:26:12 作者：呆呆的小草
這篇文章主要給大家介紹了關于JavaScript數(shù)學對象(Math)方法的相關資料,Math(數(shù)學)對象的作用是執(zhí)行普通的算數(shù)任務,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
1、Math
- Math是一個內(nèi)置對象，它擁有一些數(shù)學常數(shù)屬性和數(shù)學函數(shù)方法，Math不是一個函數(shù)對象
——————引用自官網(wǎng)
2、描述
- 與其他全局對象不同的是，Math 不是一個構造器。Math 的所有屬性與方法都是靜態(tài)的。引用圓周率的寫法是 Math.PI，調(diào)用正余弦函數(shù)的寫法是 Math.sin(x)，x 是要傳入的參數(shù)。Math 的常量是使用 JavaScript 中的全精度浮點數(shù)來定義的。
——————引用自官網(wǎng)
3、方法
（1）獲取隨機數(shù)
- 隨機數(shù)默認返回0~1之間的數(shù)
① 語法格式：
Math.random();
② 示例：
//這里為了方便展示效果，用for循環(huán)輸出10次隨機數(shù)
<script>
let Num;
for (i = 1;i <= 10;i++){
Num = Math.random();
console.log(Num);
}
</script>
③ 運行效果
（2）獲取整數(shù)隨機數(shù)
方法1（取整）
- parseInt(Math.random()*(最大值-最小值+1))+最小值
方法2（向下取整）
- Math.floor(Math.random()*(最大值-最小值+1))+最小值
① 語法格式：
- 獲取1~10的隨機數(shù)
//取整 parseInt(Math.random() * (最大值 - 最小值 + 1 )) + 最小值; //向下取整 Math.floor(Math.random() * (最大值 - 最小值 + 1)) + 最小值;
② 示例：
//取整，用for循環(huán)取10次隨機數(shù)
<script>
let Num;
for (i = 1;i <= 10;i++){
//公式：parseInt(Math.random() * (最大值 - 最小值 + 1)) + 最小值
Num = parseInt(Math.random() * (10 - 1 + 1)) + 1;
//最小值為1的時候可以簡寫：Num = parseInt(Math.random() * 10) + 1
document.write(Num + ' ');
}
</script>
運行效果
//向下取整，用for循環(huán)取10次隨機數(shù)
<script>
let Num;
for (i = 1;i <= 10;i++){
//公式：Math.floor(Math.random() * (最大值 - 最小值 + 1)) + 最小值;
Num = Math.floor(Math.random() * (10 - 1 + 1)) + 1;
//最小值為1的時候可以簡寫：Num = parseInt(Math.random() * 10) + 1
document.write(Num + ' ');
}
</script>
運行效果
（3）四舍五入
① 語法格式：
Math.round();
② 示例：
<script>
let NumOne = Math.round(7.56);
let NumTwo = Math.round(7.05);
document.write(`
7.56四舍五入等于：${NumOne} <br />
7.05四舍五入等于：${NumTwo}
`);
// <br />：換行
</script>
③ 運行效果
（4）向下取整
① 語法格式：
Math.floor();
② 示例：
<script>
let NumOne = Math.floor(7.55);
let NumTwo = Math.floor(7.05);
document.write(`
7.55向下取整等于：${NumOne} <br />
7.05向下取整等于：${NumTwo}
`);
// <br />：換行
</script>
③ 運行效果
（5）向上取整
① 語法格式：
Math.ceil();
② 示例：
<script>
let NumOne = Math.ceil(7.55);
let NumTwo = Math.ceil(7.05);
document.write(`
7.55向上取整等于：${NumOne} <br />
7.05向上取整等于：${NumTwo}
`);
// <br />：換行
</script>
③ 運行效果
（6）次方
① 語法格式：
Math.pow(底數(shù),指數(shù)/冪);
② 示例：
<script>
//計算2的三次方
let NumOne = Math.pow(2,3);
//計算3的三次方
let NumTwo = Math.pow(3,3);
document.write(`
2的三次方等于：${NumOne} <br />
3的三次方等于：${NumTwo}
`)
</script>
③ 運行效果
（7）絕對值
① 語法格式：
Math.abs();
② 示例：
<script>
let NumOne = Math.abs(-100);
let NumTwo = Math.abs(-200);
document.write(`
-100的絕對值等于：${NumOne} <br />
-200的絕對值等于：${NumTwo}
`)
</script>
③ 運行效果
（8）平方根
① 語法格式：
Math.sqrt();
② 示例：
<script>
let NumOne = Math.sqrt(9);
let NumTwo = Math.sqrt(25);
let NumThr = Math.sqrt(81);
document.write(`
9的平方根等于：${NumOne} <br />
25的平方根等于：${NumTwo} <br />
81的平方根等于：${NumThr}
`)
</script>
③ 運行效果
（9）最大值 / 最小值
① 語法格式：
//最大值 Math.max(); //最小值 Math.min();
② 示例：
<script>
let NumMax = Math.max(1,11,111,1111,11111);
let NumMin = Math.min(1,11,111,1111,11111);
document.write(`
最大值為：${NumMax} <br />
最小值為：${NumMin}
`)
</script>
③ 運行效果
更多數(shù)學對象學習，請參考官方文檔
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math
總結(jié)
到此這篇關于JavaScript數(shù)學對象(Math)方法的文章就介紹到這了,更多相關JS數(shù)學對象Math內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法
這篇文章主要介紹了JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法,本文給出操作實例代碼和語法介紹,需要的朋友可以參考下2015-05-05
JavaScript操作XML/HTML比較常用的對象屬性集錦
本文給大家介紹javascript操作xml/html比較常用的對象屬性，涉及到js對象屬性相關知識，對JavaScript操作XML/HTML比較常用的對象屬性感興趣的朋友可以參考下本文2015-10-10
JavaScript代碼調(diào)試方法實例小結(jié)
這篇文章主要介紹了JavaScript代碼調(diào)試方法,結(jié)合實例形式總結(jié)分析了JavaScript錯誤信息的處理與代碼調(diào)試相關操作技巧,需要的朋友可以參考下2019-01-01
下面小編就為大家?guī)硪黄獪\談JS之tagNaem和nodeName。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
JavaScript函數(shù)中關于valueOf和toString的理解
本文給大家介紹JavaScript函數(shù)中關于valueOf和toString的理解，簡單的說就是需要轉(zhuǎn)換為字符串時，會調(diào)用toString，需要轉(zhuǎn)換為數(shù)字時需要調(diào)用valueOf。對js valueof tostring知識感興趣的朋友一起學習吧2016-06-06
這篇文章主要介紹了JavaScript定時器的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)打地鼠小游戲的相關代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細介紹了Bootstrap導航條可點擊和鼠標懸停顯示下拉菜單,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
在這篇文章中作者從《JavaScript面向?qū)ο缶幊讨改稀芬粫嘘P于 delete 的錯誤講起，詳細講述了關于 delete 操作的實現(xiàn)， 局限以及在不同瀏覽器和插件（這里指 firebug）中的表現(xiàn)2013-04-04
Highcharts使用簡例及異步動態(tài)讀取數(shù)據(jù)
Highcharts 是一個用純JavaScript編寫的一個圖表庫， 能夠很簡單便捷的在web網(wǎng)站或是web應用程序添加有交互性的圖表，并且免費提供給個人學習、個人網(wǎng)站和非商業(yè)用途使用，通過本文給大家介紹Highcharts使用簡例及異步動態(tài)讀取數(shù)據(jù)的相關知識，感興趣的朋友一起學習吧2015-12-12