1、利用 indexOf() 方法之一
Array.prototype.unique = function(){ var temp = []; for (var i = 0;i < this.length;i++){ // 如果當前數組的第 i 項已經保存到了臨時數組,那么跳過 if(temp.indexOf( this[i] ) == -1){ temp.push( this[i] ); } } return temp; }
2、利用 indexOf() 方法之二
Array.prototype.unique = function(){ var temp = [ this[0] ]; for (var i = 1;i < this.length;i++){ // 如果當前數組元素在數組中第一次出現的位置不是i,說明是重復元素 if(this.indexOf( this[i] ) == i){ temp.push( this[i] ); } } return temp; }
3、優化遍歷數組法
Array.prototype.unique = function(){ var hash=[]; // 雙層循環,外循環表示從 0 到 arr.length for (var i = 0; i < this.length; i++) { // 內循環表示從 i+1 到 arr.length for (var j = i+1; j < this.length; j++) { if(this[i]===this[j]){ // 檢測到有重復值時終止當前循環同時進入外層循環的下一輪判斷 ++i; } } // 將沒重復的右邊值放入新數組 hash.push(this[i]); } return hash; }
4、排序后再進行數組去重
Array.prototype.unique = function(){ this.sort(function( a,b ){ return a-b; }); var temp = [ this[0] ]; for (var i = 0;i < this.length;i++){ if( this[i] != this[i-1]){ temp.push( this[i] ); } } return temp; }
5、利用數組 filter 方法過濾
Array.prototype.unique = function unique() { var res = this.filter(function(item, index, array) { return array.indexOf(item) === index; }); return res; }
6、利用對象屬性的唯一性
Array.prototype.unique = function(){ var temp = [],hash = {}; // hash 作為哈希表 for (var i = 0;i < this.length;i++){ if(!hash[ this[i] ]){ // 如果哈希表中沒有當前項 hash[ this[i] ] = true; temp.push(this[i]) } } return temp; }
7、利用 ES6 set 數據結構
Array.prototype.unique = function(){ return Array.from(new Set(this)); }
上述七種方法中,經測試(測試數組元素個數從 1 萬個- 1000 萬個),代碼運行速度從上到下依次降低,其中方法 1 和方法 2 速度差異不大,速度最慢,方法 3 的具體運行速度和數組具體情況相關,方法 4 速度比方法 1,2,3 快,但比方法 5,6,7 慢得比較多,方法 5,6,7 運行速度最快,且運行速度差異不大,不過鑒于 set 是 ES6 新加內容,在實際開發環境中,推薦使用穩定性和速度都比較不錯的方法 5 和方法 6 。
拓展:若重復,則去掉該元素
function unique(arr){ var hash=[]; for (var i = 0; i < arr.length; i++) { if(arr.indexOf(arr[i])==arr.lastIndexOf(arr[i])){ hash.push(arr[i]); } } return hash; }