本文實例講述了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快,但是沒有哈希快可以看到哈希算法的速度是最快的。
PS:這里再為大家提供幾款去重復工具供大家參考使用:
在線去除重復項工具:
http://tools.VeVB.COm/code/quchong
在線文本去重復工具:
http://tools.VeVB.COm/aideddesign/txt_quchong
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答