五種js數(shù)組去重的方法

1.遍歷數(shù)組法

最簡單的去重方法, 實現(xiàn)思路:新建一新數(shù)組,遍歷傳入數(shù)組,值不在新數(shù)組就加入該新數(shù)組中;注意點:判斷值是否在數(shù)組的方法“indexOf”是ECMAScript5 方法,IE8以下不支持,需多寫一些兼容低版本瀏覽器代碼,源碼如下:

// 最簡單數(shù)組去重法

function unique1(array){

var n = []; //一個新的臨時數(shù)組

//遍歷當前數(shù)組

for(var i = 0; i < array.length; i++){

//如果當前數(shù)組的第i已經(jīng)保存進了臨時數(shù)組,那么跳過,

//否則把當前項push到臨時數(shù)組里面

if (n.indexOf(array[i]) == -1) n.push(array[i]);

}

return n;

}

// 判斷瀏覽器是否支持indexOf ,indexOf 為ecmaScript5新方法 IE8以下(包括IE8, IE8只支持部分ecma5)不支持

if (!Array.prototype.indexOf){

// 新增indexOf方法

Array.prototype.indexOf = function(item){

var result = -1, a_item = null;

if (this.length == 0){

return result;

}

for(var i = 0, len = this.length; i < len; i++){

a_item = this[i];

if (a_item === item){

result = i;

break;

}

}

return result;

}

}

2.對象鍵值對法

該方法執(zhí)行的速度比其他任何方法都快, 就是占用的內(nèi)存大一些;實現(xiàn)思路:新建一js對象以及新數(shù)組,遍歷傳入數(shù)組時,判斷值是否為js對象的鍵,不是的話給對象新增該鍵并放入新數(shù)組。注意點: 判斷是否為js對象鍵時,會自動對傳入的鍵執(zhí)行“toString()”,不同的鍵可能會被誤認為一樣;例如: a[1]、a["1"] 。解決上述問題還是得調(diào)用“indexOf”。

// 速度最快, 占空間最多(空間換時間)

function unique2(array){

var n = {}, r = [], len = array.length, val, type;

for (var i = 0; i < array.length; i++) {

val = array[i];

type = typeof val;

if (!n[val]) {

n[val] = [type];

r.push(val);

} else if (n[val].indexOf(type) < 0) {

n[val].push(type);

r.push(val);

}

}

return r;

}

3.數(shù)組下標判斷法

還是得調(diào)用“indexOf”性能跟方法1差不多,實現(xiàn)思路:如果當前數(shù)組的第i項在當前數(shù)組中第一次出現(xiàn)的位置不是i,那么表示第i項是重復的,忽略掉。否則存入結(jié)果數(shù)組。

復制代碼

function unique3(array){

var n = [array[0]]; //結(jié)果數(shù)組

//從第二項開始遍歷

for(var i = 1; i < array.length; i++) {

//如果當前數(shù)組的第i項在當前數(shù)組中第一次出現(xiàn)的位置不是i,

//那么表示第i項是重復的,忽略掉。否則存入結(jié)果數(shù)組

if (array.indexOf(array[i]) == i) n.push(array[i]);

}

return n;

}

4.排序后相鄰去除法

雖然原生數(shù)組的"sort"方法排序結(jié)果不怎么靠譜,但在不注重順序的去重里該缺點毫無影響。實現(xiàn)思路:給傳入數(shù)組排序,排序后相同值相鄰,然后遍歷時新數(shù)組只加入不與前一值重復的值。

復制代碼

// 將相同的值相鄰,然后遍歷去除重復值

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;

}

5.優(yōu)化遍歷數(shù)組法

源自外國博文,該方法的實現(xiàn)代碼相當酷炫;實現(xiàn)思路:獲取沒重復的最右一值放入新數(shù)組。(檢測到有重復值時終止當前循環(huán)同時進入頂層循環(huán)的下一輪判斷)

復制代碼

// 思路:獲取沒重復的最右一值放入新數(shù)組

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;

}


原文:http://www.cnblogs.com/wteam-xq/p/4732351.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容