首頁 > web前端 > js教程 > 主體

javascript數組去重3種方法的效能測試與比較_javascript技巧

WBOY
發布: 2016-05-16 17:39:13
原創
1114 人瀏覽過

昨天參加的一個前端面試,其中有一題數組去重,首先想到的是對象存鍵值的方法,代碼如下
方法一:(簡單存鍵值)

複製程式碼 程式碼如下:

Array.prototype.distinct1 = function() {
var i=0 ,tmp={},that=this.slice(0)
this.length=0;
for(;iif(!(that[i] in tmp)){
this[this.length]=that[i];
tmp[that[i]]=true;
}
}
return this;
} ;

上面的方法不復雜,思路也簡單,可是遇到不同類型又能轉換成同樣的字符串的就完了,比如1和"1";於是又用了傳統的雙重循環,程式碼如下
方法二:(雙重循環)
複製程式碼


程式碼如下:


Array.prototype.distinct2 = function() {
var i=0,flag,that=this.slice(0);
this.length=0;
for(;ivar tmp=that[i];
flag=true;
for(var j=0;jif(this[j]===tmp){flag=false;break}
}
if(flag)this[this.length]=tmp;
}
return this;
};
上面這種方法得到了想要的結果,但是兩層循環效率比較低,我們再想辦法從第一種方法上上手,然後加上用字符字串來保存陣列項目的類型,有新類型就連接字串加上去,查找的時候就發現一個有保存的類型就把存的類型的字串替換為空,代碼如下
方法三:(存鍵值與型別)
複製程式碼


程式碼如下:

程式碼如下:

var i=0,tmp={},t2,that=this.slice(0),one;
this.length=0;
for(; ione=that[i];
t2=typeof one;
if(!(one in tmp)){
this[this.length]= one;
tmp[one]=t2;
}else if(tmp[one].indexOf(t2)==-1){
this[this.length]=one;
tmp [one] =t2;
}
}
return this;

}; 為了區別下不同資料的各種演算法的效率差距,取幾種極端的例子來驗證下,先看看1-80全部數組項都不一樣循環1000次的情況,好吧,IE6弱爆了 IE9:Chrome:
 


IE6:

下面是80個全部重複的循環1000次的情況,綜合上面的數據一起發現除了IE6-8其它瀏覽器的雙重循環表現都不錯,而IE6-8雙重循環要慢10-20倍左右,悲催啊。如果你的網站只支援IE9以上的就可以放心用雙循環的方法了,否則還是使用健值的方法,根據數據的情況選擇使用方法一或方法三(圖中的方法四,才發現來不及改圖,原來的方法三是用了Array的indexOf,因為速度慢且不相容就沒放出來了)
IE9: Chrome:
Firefox:

IE6:
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板