JS中apply()的應用實例分析

更新時間：2019年06月28日 08:41:16 作者：Yeoman92

這篇文章主要介紹了JS中apply()的應用,結(jié)合實例形式分析了apply()操作數(shù)組的相關使用技巧,需要的朋友可以參考下

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

先從Math.max()函數(shù)說起，Math.max后面可以接收任意個參數(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，這種用法不對
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);//第一個參數(shù)也可以填this或null
}
alert(getMax1(arr));//9

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

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

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

arr1.push(arr2);這樣是不行的，得到的是[1,3,4,[6,7,8]]。因為push方法沒有提供push一個數(shù)組，但是提供了push(param1,param2…)

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

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

但通過apply(),事情就變得很簡單了

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

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

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

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ù)組鏈接的話當然要用concat啊，使用apply只是介紹一下可以這么用并不是只能這么用。

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

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章: