數組去重javascript

標籤：

數組去除重複值是面試常考內容，也是很容易用到的一個技巧，下面就幾種去重的方法進行介紹。

首先是最常見的方法，也就是添加一個臨時數組，將原數組遍曆，加入臨時數組，每次加入時判斷待加入的元素是否存在於臨時數組中，代碼如下：

// 對數組進行去重操作，只考慮數組中元素為數字或字串，返回一個去重後的數組//第一種方法，遍曆，將沒有的插入臨時數組function uniqArray1(arr) {    var n=[];    for(var i=0;i<arr.length;i++){    //如果當前項已經儲存到了臨時數組，則跳過，否則加入    if(n.indexOf(arr[i])==-1){    n.push(arr[i]);    }    }    return n;}

那麼還有沒有更好的辦法呢？可以採用雜湊表的思想，在javascript中，對象的尋找比數組下標的尋找要快很多倍。所以我們可以建立一個對象專門來存放已加入臨時數組的元素，那麼每次加入新的元素時就可以通過尋找對象來判斷是否重複了，代碼如下：

//第二種方法，使用雜湊表function uniqArray2(arr){var n={},//雜湊表r=[];//零時數組for(var i=0;i<arr.length;i++){if(n[arr[i]]==null){//如果雜湊表中沒有，則添加到雜湊表，且進入臨時數組n[arr[i]]=true;r.push(arr[i]);}}return r;}

還有一種方法，雖然速度沒有雜湊表快，但是比最基本的indexOf來的快，思想就是先經過排序函數sort，再比較相鄰的元素，不同的就加到臨時數組中。代碼如下：

//第三種方法，先排序，再比較鄰接部分function uniqArray3(arr){arr.sort();var r=[arr[0]];for(var i=1;i<arr.length;i++){if(arr[i]!=r[r.length-1]){//由於已經經過了排序，所以相鄰的是相同的r.push(arr[i]);}}return r;}

最後實驗代碼如下：

//驗證數組去重函數的使用var arr=[2,3,4,2,4,5,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3];for(var i=0;i<10000000;i++){//為了分辨出花費時間的區別，特此增加數組的長度arr.push(3);}var time1=Date.now();var n1=uniqArray1(arr);var time2=Date.now();console.log(n1);//2,3,4,5說明第一種去重成功console.log(time2-time1);//218time1=Date.now();var n2=uniqArray2(arr);time2=Date.now();console.log(n2);//2,3,4,5說明第二種去重成功console.log(time2-time1);//63,說明對象下標的引用要比indexOf搜尋快得多time1=Date.now();var n3=uniqArray3(arr);time2=Date.now();console.log(n3);//2,3,4,5說明第三種去重成功console.log(time2-time1);//203，說明sort方法使用快排，比indexOf快，但是沒有雜湊快

可以看到雜湊演算法的速度是最快的。

完整代碼位置如下：http://runjs.cn/code/feqvgket

數組去重javascript