JavaScript數組去重的6種算法

1.遍歷數組法

實現思路：新建一新數組，遍歷傳入數組，值不在新數組就加入該新數組中；注意點：判斷值是否在數組的方法「indexOf」是ECMAScript5 方法，IE8如下不支持，需多寫一些兼容低版本瀏覽器代碼

var arr = [1,3,5,7,9,1,9,5,9,3,5,11,13]; function unique1(array){ var newArr=[];//新建一個新數組 //遍歷參數數組array for(var i=0;i<array.length;i++){ //判斷新數組是否有這個元素值，沒有的話，就把arr[i]給push到新數組newArr中 if(newArr.indexOf(array[i])===-1){ newArr.push(arr[i]);   }   }  return newArr; } console.log(unique1(arr));

2.對象鍵值對法

該方法執行的速度比其餘任何方法都快， 就是佔用的內存大一些，實現思路：新建一js對象以及新數組，遍歷傳入數組時，判斷值是否爲js對象的鍵，不是的話給對象新增該鍵並放入新數組。注意 點： 判斷是否爲js對象鍵時，會自動對傳入的鍵執行「toString()」，不一樣的鍵可能會被誤認爲同樣；例如： a[1]、a["1"] 。解決上述問題仍是得調「indexOf」。

var arr = [1,3,5,7,9,1,9,5,9,3,5,11,13]; // 速度最快， 佔空間最多（空間換時間） function unique2(array){ var json={},newArr=[],val,type; for(var i=0;i<array.length;i++){ val=array[i]; //判斷val是什麼數據類型 type=typeof val; console.log("判斷類型"+[type]); //判斷值是否爲js對象的鍵，不是的話給對象新增該鍵並放入新數組 if(!json[val]){ json[val]=[type]; newArr.push(val); } else if(json[val].indexOf(type)<0){ json[val].push(type); newArr.push(val);                    }                } return newArr;            } console.log(unique2(arr));

3.數組下標判斷法

仍是得調用「indexOf」性能跟方法1差很少，實現思路：若是當前數組的第i項在當前數組中第一次出現的位置不是i，那麼表示第i項是重複的，忽略掉。不然存入結果數組。

var arr = [1,3,5,7,9,1,3,5];        function unique3(array){ var n = [array[0]]; //結果數組 //從第二項開始遍歷 for(var i = 1; i < array.length; i++) { //若是當前數組的第i項在當前數組中第一次出現的位置不是i， //那麼表示第i項是重複的，忽略掉。不然存入結果數組 if (array.indexOf(array[i]) == i) n.push(array[i]); } return n; } console.log(unique3(arr));

4.排序後相鄰去除法

雖然原生數組的」sort」方法排序結果不怎麼靠譜，但在不注重順序的去重裏該缺點毫無影響。實現思路：給傳入數組排序，排序後相同值相鄰，而後遍歷時新數組只加入不與前一值重複的值。

var arr = [1,3,5,7,9,1,3,5]; function unique4(array){ array.sort(); var re=[array[0]]; for(var i = 1; i < array.length; i++){ if( array[i] !== re[re.length-1]){  re.push(array[i]); } } return re; }       console.log(unique4(arr));

5.優化遍歷數組法

該方法的實現代碼至關酷炫，實現思路：獲取沒重複的最右一值放入新數組

var arr = [1,3,5,7,9,1,3,5]; function unique5(array){ var r = []; for(var i = 0, l = array.length; i < l; i++) { for(var j = i + 1; j < l; j++) if (array[i] === array[j]) j = ++i; r.push(array[i]); } return r; } console.log(unique5(arr));

6.經過hash表

hash是一個對象，則存在鍵值對（key：value），只不過如今是爲空的,因此hash[key] = value;
1：i=0;this[i]=this[0]=1; hash[this[0]] = hash[1] , 由於hash初始爲空，沒有找到key=1的值，因此而後undefined，
2：hash[1] = true(此時hash對象就有了第一組鍵值對)，將原數組的第一個數添加到新數組中，重複第一步
3：由於不重複的判斷hash的值都是undefined，而重複的都爲true了,因此不重複都被添加到新數組中
4： 由於hash表存的值是存的地址，放在堆內存中，因此有多少個不重複的元素，就要分多少個內存來存放，因此這種方法比較佔內存，可是相比之下，這種的運算運動是最快的，
5 ：這也就是用空間來換取時間了，數據量比較小，

var arr = [1,'b','b',4,3,3,4,5,1]; Array.prototype.unique2 = function(){      var hash = {}; //定義一個hash表      var arr1 = []; //定義一個新數組      for(var i=0;i<this.length;i++){            if(! hash[this[i]]){          hash[this[i]] = true;          arr1.push(this[i]);        }      }      return arr1;      }    console.log(arr);    console.log(arr.unique2());

以上就是JavaScript數組去重的六種算法