DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js數組去重的三種常用方法總結
js數組去重的三種常用方法總結
編輯:JavaScript綜合知識     

 本篇文章主要是對js數組去重的三種常用方法進行了總結介紹,需要的朋友可以過來參考下,希望對大家有所幫助

第一種是比較常規的方法   思路:   1.構建一個新的數組存放結果   2.for循環中每次從原數組中取出一個元素,用這個元素循環與結果數組對比   3.若結果數組中沒有該元素,則存到結果數組中  代碼如下: Array.prototype.unique1 = function(){  var res = [this[0]];  for(var i = 1; i < this.length; i++){   var repeat = false;   for(var j = 0; j < res.length; j++){    if(this[i] == res[j]){     repeat = true;     break;    }   }   if(!repeat){    res.push(this[i]);   }  }  return res; } var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0] alert(arr.unique1());   第二種方法比上面的方法效率要高   思路:   1.先將原數組進行排序   2.檢查原數組中的第i個元素 與 結果數組中的最後一個元素是否相同,因為已經排序,所以重復元素會在相鄰位置   3.如果不相同,則將該元素存入結果數組中   代碼如下: Array.prototype.unique2 = function(){  this.sort(); //先排序  var res = [this[0]];  for(var i = 1; i < this.length; i++){   if(this[i] !== res[res.length - 1]){    res.push(this[i]);   }  }  return res; } var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0] alert(arr.unique2());   第二種方法也會有一定的局限性,因為在去重前進行了排序,所以最後返回的去重結果也是排序後的。如果要求不改變數組的順序去重,那這種方法便不可取了。   第三種方法(推薦使用)   思路:   1.創建一個新的數組存放結果   2.創建一個空對象   3.for循環時,每次取出一個元素與對象進行對比,如果這個元素不重復,則把它存放到結果數組中,同時把這個元素的內容作為對象的一個屬性,並賦值為1,存入到第2步建立的對象中。   說明:至於如何對比,就是每次從原數組中取出一個元素,然後到對象中去訪問這個屬性,如果能訪問到值,則說明重復。     復制代碼 代碼如下: Array.prototype.unique3 = function(){  var res = [];  var json = {};  for(var i = 0; i < this.length; i++){   if(!json[this[i]]){    res.push(this[i]);    json[this[i]] = 1;   }  }  return res; }   var arr = [112,112,34,'你好',112,112,34,'你好','str','str1']; alert(arr.unique3());
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved