亚洲视频二区_亚洲欧洲日本天天堂在线观看_日韩一区二区在线观看_中文字幕不卡一区

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;
}