JavaScript去掉數(shù)組中的重復元素
更新時間:2011年01月13日 23:06:57 作者:
在寫程序過程中,經(jīng)常會遇到去除數(shù)組中重復元素的需求。要實現(xiàn)這個功能其實并不難
在寫程序過程中,經(jīng)常會遇到去除數(shù)組中重復元素的需求。要實現(xiàn)這個功能其實并不難。
我們可以用一個兩重循環(huán)來實現(xiàn),對于小的數(shù)組,這樣做當然并無不妥。
但如果我們的數(shù)組比較大,里面的元素有上萬個。那么用兩重循環(huán),效率是極為低下。
下面我們就用js的特性,編寫一個高效去除數(shù)組重復元素的方法。
<script>
function unique(data){
data = data || [];
var a = {};
for (var i=0; i<data.length; i++) {
var v = data[i];
if (typeof(a[v]) == 'undefined'){
a[v] = 1;
}
};
data.length=0;
for (var i in a){
data[data.length] = i;
}
return data;
}
function test(){
var arr = [9,1,3,8,7,7,6,6,5,7,8,8,7,4,3,1];
var arr1 = unique(arr);
alert(arr1.join(","));
}
test();
</script>
輸出結果:
9,1,3,8,7,6,5,4
js數(shù)組去重就是把數(shù)組中重復的元素去掉:
Array.prototype.delRepeat=function(){
var newArray=new Array();
var len=this.length;
for (var i=0;i<len ;i++){
for(var j=i+1;j<len;j++){
if(this[i]===this[j]){
j=++i;
}
}
newArray.push(this[i]);
}
return newArray;
}
但是很明顯這里有for循環(huán)內(nèi)嵌了另一個for循環(huán),在大數(shù)據(jù)量下肯定非常耗時!效率低下!經(jīng)過查找和高人指點優(yōu)化了一個新方法:
Array.prototype.delRepeat=function(){
var newArray=[];
var provisionalTable = {};
for (var i = 0, item; (item= this[i]) != null; i++) {
if (!provisionalTable[item]) {
newArray.push(item);
provisionalTable[item] = true;
}
}
return newArray;
}
就是使用一個臨時的provisionalTable對象,將數(shù)組的值作為provisionalTable對象的鍵值,如果相應的值不存在就將這個數(shù)組的值push到新數(shù)組中。
效率是提高了,但是有個bug,就是假設數(shù)組中換用可轉換的數(shù)字和字符串,比如數(shù)組[6,"6"]這時候就好被去掉一個。悲劇,同時求解決方法。
我們可以用一個兩重循環(huán)來實現(xiàn),對于小的數(shù)組,這樣做當然并無不妥。
但如果我們的數(shù)組比較大,里面的元素有上萬個。那么用兩重循環(huán),效率是極為低下。
下面我們就用js的特性,編寫一個高效去除數(shù)組重復元素的方法。
復制代碼 代碼如下:
<script>
function unique(data){
data = data || [];
var a = {};
for (var i=0; i<data.length; i++) {
var v = data[i];
if (typeof(a[v]) == 'undefined'){
a[v] = 1;
}
};
data.length=0;
for (var i in a){
data[data.length] = i;
}
return data;
}
function test(){
var arr = [9,1,3,8,7,7,6,6,5,7,8,8,7,4,3,1];
var arr1 = unique(arr);
alert(arr1.join(","));
}
test();
</script>
輸出結果:
9,1,3,8,7,6,5,4
js數(shù)組去重就是把數(shù)組中重復的元素去掉:
復制代碼 代碼如下:
Array.prototype.delRepeat=function(){
var newArray=new Array();
var len=this.length;
for (var i=0;i<len ;i++){
for(var j=i+1;j<len;j++){
if(this[i]===this[j]){
j=++i;
}
}
newArray.push(this[i]);
}
return newArray;
}
但是很明顯這里有for循環(huán)內(nèi)嵌了另一個for循環(huán),在大數(shù)據(jù)量下肯定非常耗時!效率低下!經(jīng)過查找和高人指點優(yōu)化了一個新方法:
復制代碼 代碼如下:
Array.prototype.delRepeat=function(){
var newArray=[];
var provisionalTable = {};
for (var i = 0, item; (item= this[i]) != null; i++) {
if (!provisionalTable[item]) {
newArray.push(item);
provisionalTable[item] = true;
}
}
return newArray;
}
就是使用一個臨時的provisionalTable對象,將數(shù)組的值作為provisionalTable對象的鍵值,如果相應的值不存在就將這個數(shù)組的值push到新數(shù)組中。
效率是提高了,但是有個bug,就是假設數(shù)組中換用可轉換的數(shù)字和字符串,比如數(shù)組[6,"6"]這時候就好被去掉一個。悲劇,同時求解決方法。
相關文章
基于JS實現(xiàn)數(shù)字動態(tài)變化顯示效果附源碼
我們經(jīng)??吹揭壕щ娮颖順邮?,數(shù)字動態(tài)顯示,動態(tài)變化的在指定元素內(nèi)顯示數(shù)字。怎么實現(xiàn)效果呢?下面小編給大家?guī)砹嘶贘S實現(xiàn)數(shù)字動態(tài)變化顯示效果 ,感興趣的朋友一起看看吧2019-07-07nuxt+axios實現(xiàn)打包后動態(tài)修改請求地址的方法
這篇文章主要介紹了nuxt+axios實現(xiàn)打包后動態(tài)修改請求地址的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-04-04