Javascript中Math.max和Math.max.apply的區(qū)別和用法詳解
最近在做一個(gè)小案例的時(shí)候遇到了Math.max.apply這么一個(gè)用法，之前很少遇到過(guò)感覺(jué)挺有趣的，就記錄一下。
1Math.max
語(yǔ)法： Math.max(n1,n2,n3,...,nX)
返回值：max() 方法可返回指定的參數(shù)中帶有較大的值的那個(gè)數(shù)
var a = Math.max(1,2,3,4); console.log(a); //4
但是如果數(shù)據(jù)是放在一個(gè)數(shù)組里面，此時(shí)就不能這樣調(diào)用了。這時(shí)就用到apply方法
2Math.max.apply
apply() 方法調(diào)用一個(gè)函數(shù)。簡(jiǎn)單理解為調(diào)用函數(shù)的方式，但是它可以改變函數(shù)的 this 指向，同時(shí)用指定數(shù)組替換函數(shù)的參數(shù)。
語(yǔ)法：fun.apply(thisArg, [argsArray])
- thisArg：在fun函數(shù)運(yùn)行時(shí)指定的 this 值 ，可以為null，就是不設(shè)置指向
- argsArray：傳遞的值，必須包含在數(shù)組里面
這里額外補(bǔ)充一下，傳遞的值為數(shù)組形式，但是數(shù)組里是什么類型參數(shù)，返回的也是什么類型，比如輸入的數(shù)組中是字符串這里取到的就是字符串，是數(shù)值取到的就是數(shù)值。比如傳‘a(chǎn)bc' 返回的也是‘a(chǎn)bc'。（補(bǔ)充說(shuō)明）
返回值：apply() 方法的返回值就是函數(shù)的返回值，因?yàn)樗褪钦{(diào)用函數(shù)
var arr = [1, 66, 3, 99, 4]; var max = Math.max.apply(Math, arr); var min = Math.min.apply(Math, arr); console.log(max); //99 console.log(min); //1
2.1Math.max.apply拓展案例
這里我再舉一個(gè)應(yīng)用案例———自動(dòng)生成編號(hào)（自增）
說(shuō)明：data為一個(gè)json數(shù)組，里面的每個(gè)對(duì)象都一個(gè)id值
let maxBookCode = ()=>{
let arr = [];
//遍歷json數(shù)組，把所有對(duì)象的id存到arr這個(gè)空數(shù)組當(dāng)中
data.forEach((item)=>{
arr.push(item.id);
});
//最后返回里面id值最大的那個(gè)數(shù)
return Math.max.apply(null,arr);
}
外部調(diào)用 maxBookCode() + 1 就能自動(dòng)生成編號(hào)并且是自增的。
總結(jié)
到此這篇關(guān)于Javascript中Math.max和Math.max.apply的區(qū)別和用法的文章就介紹到這了,更多相關(guān)Javascript中Math.max和Math.max.apply的區(qū)別和用法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
簡(jiǎn)單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)過(guò)程解析
這篇文章主要介紹了簡(jiǎn)單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)滾輪輪播圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
高性能web開(kāi)發(fā) 如何加載JS，JS應(yīng)該放在什么位置？
所有瀏覽器在下載JS的時(shí)候，會(huì)阻止一切其他活動(dòng)，比如其他資源的下載，內(nèi)容的呈現(xiàn)等等。至到JS下載、解析、執(zhí)行完畢后才開(kāi)始繼續(xù)并行下載其他資源并呈現(xiàn)內(nèi)容。2010-05-05
JavaScript Canvas實(shí)現(xiàn)井字棋游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas實(shí)現(xiàn)井字棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細(xì)介紹了bootstrap彈出層的多種觸發(fā)方式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
利用PHP實(shí)現(xiàn)遞歸刪除鏈表元素的方法示例
這篇文章主要給大家介紹了關(guān)于如何利用PHP實(shí)現(xiàn)遞歸刪除鏈表元素的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
JS實(shí)現(xiàn)可視化音頻效果的實(shí)例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)可視化音頻效果的實(shí)例代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-01-01
Echarts圖表如何利用formatter自定義tooltip的內(nèi)容和樣式
這篇文章主要給大家介紹了關(guān)于Echarts圖表如何利用formatter自定義tooltip的內(nèi)容和樣式的相關(guān)資料,echarts的圖表配置非常的靈活自由,但是不熟悉的時(shí)候容易不知道怎么配置,需要的朋友可以參考下2023-06-06
淺析$.getJSON異步請(qǐng)求和同步請(qǐng)求
下面小編就為大家?guī)?lái)一篇淺析$.getJSON異步請(qǐng)求和同步請(qǐng)求。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
如何使用json在前后臺(tái)進(jìn)行數(shù)據(jù)傳輸實(shí)例介紹
需要把這些輸入寫(xiě)入數(shù)據(jù)庫(kù)，這里就用到j(luò)son傳入，先看一下后臺(tái)如何生成要傳輸?shù)臄?shù)據(jù)，感興趣的朋友可以參考下，希望可以幫助到你2013-04-04