Javascript中Math.max和Math.max.apply的區(qū)別和用法詳解
最近在做一個小案例的時候遇到了Math.max.apply這么一個用法,之前很少遇到過感覺挺有趣的,就記錄一下。
1Math.max
語法: Math.max(n1,n2,n3,...,nX)返回值:max() 方法可返回指定的參數(shù)中帶有較大的值的那個數(shù)
var a = Math.max(1,2,3,4);console.log(a); //4
但是如果數(shù)據(jù)是放在一個數(shù)組里面,此時就不能這樣調(diào)用了。這時就用到apply方法
2Math.max.apply
apply() 方法調(diào)用一個函數(shù)。簡單理解為調(diào)用函數(shù)的方式,但是它可以改變函數(shù)的 this 指向,同時用指定數(shù)組替換函數(shù)的參數(shù)。
語法:fun.apply(thisArg, [argsArray])
thisArg:在fun函數(shù)運行時指定的 this 值 ,可以為null,就是不設(shè)置指向 argsArray:傳遞的值,必須包含在數(shù)組里面這里額外補充一下,傳遞的值為數(shù)組形式,但是數(shù)組里是什么類型參數(shù),返回的也是什么類型,比如輸入的數(shù)組中是字符串這里取到的就是字符串,是數(shù)值取到的就是數(shù)值。比如傳‘a(chǎn)bc’ 返回的也是‘a(chǎn)bc’。(補充說明)
返回值:apply() 方法的返回值就是函數(shù)的返回值,因為它就是調(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); //99console.log(min); //1
2.1Math.max.apply拓展案例
這里我再舉一個應(yīng)用案例———自動生成編號(自增)說明:data為一個json數(shù)組,里面的每個對象都一個id值
let maxBookCode = ()=>{ let arr = []; //遍歷json數(shù)組,把所有對象的id存到arr這個空數(shù)組當中 data.forEach((item)=>{ arr.push(item.id); }); //最后返回里面id值最大的那個數(shù)return Math.max.apply(null,arr);}
外部調(diào)用 maxBookCode() + 1 就能自動生成編號并且是自增的。
總結(jié)
到此這篇關(guān)于Javascript中Math.max和Math.max.apply的區(qū)別和用法的文章就介紹到這了,更多相關(guān)Javascript中Math.max和Math.max.apply的區(qū)別和用法內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. python GUI庫圖形界面開發(fā)之PyQt5動態(tài)(可拖動控件大小)布局控件QSplitter詳細使用方法與實例2. ASP動態(tài)include文件3. 概述IE和SQL2k開發(fā)一個XML聊天程序4. ASP將數(shù)字轉(zhuǎn)中文數(shù)字(大寫金額)的函數(shù)5. js開發(fā)中的頁面、屏幕、瀏覽器的位置原理(高度寬度)說明講解(附圖)6. CSS清除浮動方法匯總7. 不要在HTML中濫用div8. vue跳轉(zhuǎn)頁面常用的幾種方法匯總9. CSS3實例分享之多重背景的實現(xiàn)(Multiple backgrounds)10. XML入門的常見問題(三)
