JavaScript數(shù)學(xué)對(duì)象(Math)方法舉例詳解
更新時(shí)間：2024年03月08日 09:26:12 作者：呆呆的小草
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)學(xué)對(duì)象(Math)方法的相關(guān)資料,Math(數(shù)學(xué))對(duì)象的作用是執(zhí)行普通的算數(shù)任務(wù),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
1、Math
- Math是一個(gè)內(nèi)置對(duì)象，它擁有一些數(shù)學(xué)常數(shù)屬性和數(shù)學(xué)函數(shù)方法，Math不是一個(gè)函數(shù)對(duì)象
——————引用自官網(wǎng)
2、描述
- 與其他全局對(duì)象不同的是，Math 不是一個(gè)構(gòu)造器。Math 的所有屬性與方法都是靜態(tài)的。引用圓周率的寫法是 Math.PI，調(diào)用正余弦函數(shù)的寫法是 Math.sin(x)，x 是要傳入的參數(shù)。Math 的常量是使用 JavaScript 中的全精度浮點(diǎn)數(shù)來定義的。
——————引用自官網(wǎng)
3、方法
（1）獲取隨機(jī)數(shù)
- 隨機(jī)數(shù)默認(rèn)返回0~1之間的數(shù)
① 語法格式：
Math.random();
② 示例：
//這里為了方便展示效果，用for循環(huán)輸出10次隨機(jī)數(shù)
<script>
let Num;
for (i = 1;i <= 10;i++){
Num = Math.random();
console.log(Num);
}
</script>
③ 運(yùn)行效果
（2）獲取整數(shù)隨機(jī)數(shù)
方法1（取整）
- parseInt(Math.random()*(最大值-最小值+1))+最小值
方法2（向下取整）
- Math.floor(Math.random()*(最大值-最小值+1))+最小值
① 語法格式：
- 獲取1~10的隨機(jī)數(shù)
//取整 parseInt(Math.random() * (最大值 - 最小值 + 1 )) + 最小值; //向下取整 Math.floor(Math.random() * (最大值 - 最小值 + 1)) + 最小值;
② 示例：
//取整，用for循環(huán)取10次隨機(jī)數(shù)
<script>
let Num;
for (i = 1;i <= 10;i++){
//公式：parseInt(Math.random() * (最大值 - 最小值 + 1)) + 最小值
Num = parseInt(Math.random() * (10 - 1 + 1)) + 1;
//最小值為1的時(shí)候可以簡(jiǎn)寫：Num = parseInt(Math.random() * 10) + 1
document.write(Num + ' ');
}
</script>
運(yùn)行效果
//向下取整，用for循環(huán)取10次隨機(jī)數(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的時(shí)候可以簡(jiǎn)寫：Num = parseInt(Math.random() * 10) + 1
document.write(Num + ' ');
}
</script>
運(yùn)行效果
（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>
③ 運(yùn)行效果
（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>
③ 運(yùn)行效果
（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>
③ 運(yùn)行效果
（6）次方
① 語法格式：
Math.pow(底數(shù),指數(shù)/冪);
② 示例：
<script>
//計(jì)算2的三次方
let NumOne = Math.pow(2,3);
//計(jì)算3的三次方
let NumTwo = Math.pow(3,3);
document.write(`
2的三次方等于：${NumOne} <br />
3的三次方等于：${NumTwo}
`)
</script>
③ 運(yùn)行效果
（7）絕對(duì)值
① 語法格式：
Math.abs();
② 示例：
<script>
let NumOne = Math.abs(-100);
let NumTwo = Math.abs(-200);
document.write(`
-100的絕對(duì)值等于：${NumOne} <br />
-200的絕對(duì)值等于：${NumTwo}
`)
</script>
③ 運(yùn)行效果
（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>
③ 運(yùn)行效果
（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>
③ 運(yùn)行效果
更多數(shù)學(xué)對(duì)象學(xué)習(xí)，請(qǐng)參考官方文檔
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math
總結(jié)
到此這篇關(guān)于JavaScript數(shù)學(xué)對(duì)象(Math)方法的文章就介紹到這了,更多相關(guān)JS數(shù)學(xué)對(duì)象Math內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在研發(fā)公展公用后臺(tái)的時(shí)候，用了許多的技巧性的JS，最有代表性就是如下這一例子.2011-01-01
js實(shí)現(xiàn)以最簡(jiǎn)單的方式將數(shù)組元素添加到對(duì)象中的方法
下面小編就為大家分享一篇js實(shí)現(xiàn)以最簡(jiǎn)單的方式將數(shù)組元素添加到對(duì)象中的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
javascript中html字符串轉(zhuǎn)化為jquery dom對(duì)象的方法
最近項(xiàng)目需求要開發(fā)百度地圖相關(guān)的一個(gè)應(yīng)用，需要從硬編碼的html字符串中提取自己想要的元素以及屬性信息，由于在js中或者jq中操作元素節(jié)點(diǎn)以及屬性都是使用dom對(duì)象或者jq對(duì)象。下面介紹javascript中html字符串轉(zhuǎn)化為jquery dom對(duì)象的方法，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JavaScript的URL對(duì)象是什么，還有各個(gè)屬性的具體實(shí)現(xiàn)方法，對(duì)JS URL感興趣的同學(xué)，可以參考下2021-05-05
js數(shù)字轉(zhuǎn)中文兩種實(shí)現(xiàn)方法
在前端開發(fā)中有時(shí)候會(huì)需要到將阿拉伯?dāng)?shù)字轉(zhuǎn)化為中文,當(dāng)前做個(gè)記錄,提供自己之后翻閱,這篇文章主要給大家介紹了關(guān)于js數(shù)字轉(zhuǎn)中文兩種實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2023-10-10
網(wǎng)站登錄為了更好的用戶體驗(yàn)都會(huì)在輸入密碼的時(shí)候檢測(cè)是否開啟大寫。提醒用戶。2011-02-02
prototype 是在 IE 4 及其以后版本引入的一個(gè)針對(duì)于某一類的對(duì)象的方法，而且特殊的地方便在于：它是一個(gè)給類的對(duì)象添加方法的方法！2010-05-05
VSCode中 Eslint 和 Prettier 沖突問題最新解決方法
這篇文章主要介紹了VSCode中 Eslint和Prettier沖突問題,既然使用 eslint規(guī)范，我的理解上當(dāng)然是不能去修改eslint，因?yàn)檫@是共用規(guī)范，修改了就沒有再使用的必要了，所以我是不推薦修改eslint的方式，本文給結(jié)合實(shí)例代碼給大家詳細(xì)講解，需要的朋友可以參考下2023-02-02
這篇文章主要介紹了JS截取與分割字符串常用技巧,以實(shí)例形式分析你了JavaScript針對(duì)字符串的截取與分割常用函數(shù)的定義、功能及使用技巧,并補(bǔ)充分析了substr和substring方法的區(qū)別,需要的朋友可以參考下2015-11-11
JavaScript中的二進(jìn)制數(shù)據(jù)處理方法詳解
Blob、ArrayBuffer和Buffer是JavaScript中用于表示和操作二進(jìn)制數(shù)據(jù)的三種主要方式，本文將深入探討這些概念，以及它們?nèi)绾卧贘avaScript中使用，需要的可以參考一下2023-06-06