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)文章
JS實(shí)現(xiàn)兼容火狐及IE iframe onload屬性的遮罩層隱藏及顯示效果
這篇文章主要介紹了JS實(shí)現(xiàn)兼容火狐及IE iframe onload屬性的遮罩層隱藏及顯示效果,涉及javascript事件響應(yīng)及針對(duì)頁(yè)面元素屬性的動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-08關(guān)于元素的尺寸(dimensions) 說(shuō)明
在使用JavaScript腳本獲取元素的尺寸時(shí),有幾個(gè)屬性你需要弄清楚,不然會(huì)很棘手。2011-09-09JS解決IOS中拍照?qǐng)D片預(yù)覽旋轉(zhuǎn)90度BUG的問(wèn)題
下面小編就為大家?guī)?lái)一篇JS解決IOS中拍照?qǐng)D片預(yù)覽旋轉(zhuǎn)90度BUG的問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09JavaScript 中定義函數(shù)用 var foo = function () {} 和 function foo()區(qū)
這篇文章主要介紹了JavaScript 中定義函數(shù)用 var foo = function () {} 和 function foo()區(qū)別介紹,需要的朋友可以參考下2018-03-03JavaScript實(shí)現(xiàn)數(shù)組在指定位置插入若干元素的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)數(shù)組在指定位置插入若干元素的方法,涉及javascript中splice方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04微信小程序彈窗禁止頁(yè)面滾動(dòng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序彈窗禁止頁(yè)面滾動(dòng)的實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12第一次接觸神奇的Bootstrap網(wǎng)格系統(tǒng)
第一次接觸神奇的Bootstrap網(wǎng)格系統(tǒng),Bootstrap讓W(xué)eb開(kāi)發(fā)更迅速、更簡(jiǎn)單,感興趣的小伙伴們可以參考一下2016-07-07