JS中apply()的應(yīng)用實(shí)例分析

本文實(shí)例講述了JS中apply()的應(yīng)用。分享給大家供大家參考，具體如下：

先從Math.max()函數(shù)說(shuō)起，Math.max后面可以接收任意個(gè)參數(shù)，最后返回所有參數(shù)中的最大值。

比如：

alert(Math.max(5,8));//8
alert(Math.max(5,7,3,1,9,2));//9

但是在很多情況下，我們需要找出數(shù)組中最大的元素。

比如：

/*
 * 找出數(shù)組中最大的數(shù)
 */
var arr = [1,4,9,6];
//alert(Math.max(arr));//NaN，這種用法不對(duì)
function max(arr){
 var arrLen = arr.length;
 var maxValue = arr[0];
 for(var i=0;i<arrLen;i++){
 var maxValue = Math.max(maxValue,arr[i]); 
 }
 return maxValue;
}
alert(max(arr));//9

上面的寫法麻煩而且低效。我們用apply()試試。

/*
 * 用apply()找出數(shù)組中最大的數(shù)
 */
var arr = [1,4,9,6];
function getMax1(arr){
 return Math.max.apply(Math,arr);//第一個(gè)參數(shù)也可以填this或null
}
alert(getMax1(arr));//9

這兩段代碼達(dá)到了相同的效果，但是getMax1()卻優(yōu)雅，簡(jiǎn)潔，而且高效。

再比如數(shù)組的push方法。

/*
 * 把兩個(gè)數(shù)組整合成一個(gè)數(shù)組
 */
var arr1 = [1,3,4];
var arr2 = [6,7,8];

arr1.push(arr2);這樣是不行的，得到的是[1,3,4,[6,7,8]]。因?yàn)閜ush方法沒(méi)有提供push一個(gè)數(shù)組，但是提供了push(param1,param2…)

可以把a(bǔ)rr2展開，然后一個(gè)一個(gè)追加（push）到arr1中去（當(dāng)然也可以用 arr1.concat(arr2) 但是concat方法并不改變 arr1本身)

var arrLen=arr2.length;
for(var i=0;i<arrLen;i++){
 arr1.push(arr2[i]);
}

但通過(guò)apply(),事情就變得很簡(jiǎn)單了

Array.prototype.push.apply(arr1,arr2);
console.log(arr1);//1,3,4,6,7,8

原理：arr1調(diào)用了push方法參數(shù)是通過(guò)apply將數(shù)組裝換為參數(shù)列表的集合。

看到這里大家是不是心里想說(shuō)：有必要這么麻煩嗎（嫌棄的表情）js明明就有concat 這個(gè)強(qiáng)大的方法，concat() 方法用于連接兩個(gè)或多個(gè)數(shù)組。該方法不會(huì)改變現(xiàn)有的數(shù)組，而僅僅會(huì)返回被連接數(shù)組的一個(gè)副本。如下

var arr1 = new Array('1','3','4');
var arr2 = new Array('6','7','8');
console.log(arr1.concat(arr2));//1,3,4,6,7,8
console.log(arr1);//1,3,4
console.log(arr2);//6,7,8

其實(shí)我想說(shuō)如果真的需要數(shù)組鏈接的話當(dāng)然要用concat啊，使用apply只是介紹一下可以這么用并不是只能這么用。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com