整理陣列去重的幾種常用方法

2022-09-03 03:21:13 字數 3597 閱讀 7251

最近面試有乙個面試題,要求盡可能多的列舉陣列去重的方法,現整理一下

//

最簡單陣列去重法

/** 新建一新陣列,遍歷傳入陣列,值不在新陣列就push進該新陣列中

* ie8以下不支援陣列的indexof方法

* */

function

uniq(array)

}return

temp;

}var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5];

console.log(uniq(aa));

/*

* 給傳入陣列排序,排序後相同值相鄰,

* 然後遍歷時,新陣列只加入不與前一值重複的值。

* 會打亂原來陣列的順序

* */

function

uniq(array)

}return

temp;

}var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];

console.log(uniq(aa));//[1, 2, "2", 2, 3, 4, 5, 6, 9, "a"]

該方法存在乙個問題,當陣列中存在number型別的2,和string型別的『2』時,因sort方法會呼叫每個陣列項的tostring()方法,得到字串,然後再對得到的字串進行排序。如對陣列[15,3]呼叫sort()方法,得到的結果還是[15,3]雖然數值15比3大,但在進行字串比較時」15」則排在」3」前面,所有最後的結果就會出現上面列印出的問題。對sort()方法新增比較函式即可解決,這裡暫不詳細說明。

/*

* 速度最快, 佔空間最多(空間換時間)

** 該方法執行的速度比其他任何方法都快, 就是占用的記憶體大一些。

* 現思路:新建一js物件以及新陣列,遍歷傳入陣列時,判斷值是否為js物件的鍵,

* 不是的話給物件新增該鍵並放入新陣列。

* 注意點:判斷是否為js物件鍵時,會自動對傳入的鍵執行「tostring()」,

* 不同的鍵可能會被誤認為一樣,例如n[val]-- n[1]、n["1"];

* 解決上述問題還是得呼叫「indexof」。

*/function

uniq(array), r = , len =array.length, val, type;

for (var i = 0; i < len; i++)

else

if (temp[val].indexof(type) < 0)

}returnr;}

var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];

console.log(uniq(aa));

判斷是否為js物件鍵時,會自動對傳入的鍵執行「tostring()「,如果不判斷資料型別,結果就不會同時存在 2和」2「

/*

** 還是得呼叫「indexof」效能跟方法1差不多,

* 實現思路:如果當前陣列的第i項在當前陣列中第一次出現的位置不是i,

* 那麼表示第i項是重複的,忽略掉。否則存入結果陣列。

* */

function

uniq(array)

}return

temp;

}var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];

console.log(uniq(aa));

//

思路:獲取沒重複的最右一值放入新陣列

/** 推薦的方法

** 方法的實現**相當酷炫,

* 實現思路:獲取沒重複的最右一值放入新陣列。

* (檢測到有重複值時終止當前迴圈同時進入頂層迴圈的下一輪判斷)

*/function

uniq(array)

}temp.push(array[i]);

index.push(i);

}console.log(index);

return

temp;

}var aa = [1,2,'2',2,3,5,'3',3,'2',6,5];

console.log(uniq(aa));

function

uniq(arr)

})return

temp;

};var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];

console.log(uniq(aa));

//

利用array.from將set結構轉換成陣列

function

uniq(arr)

var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5]

console.log(uniq(aa))

//

拓展運算子(...)內部使用for...of迴圈

let arr = [1,2,"2",4,9,"a","a",2,3,5,6,5,7,8];

let newarr = [...new

set(arr)];

console.log(newarr);

// 2020.03.05---
let originalarray = [1,2,3,4,5,3,2,4,1];

//方式1

const result =;

const map = new

map();

for(let v of originalarray)

}console.log(result);

//-> [1, 2, 3, 4, 5]

//方式2

const result =;

for(let v of originalarray)

}console.log(result);

//-> [1, 2, 3, 4, 5]

//方式3

const obj ={};

const result = originalarray.filter(item => obj.hasownproperty(typeof item + item) ? false : (obj[typeof item + item] = true

));console.log(result);

//-> [1, 2, 3, 4, 5]

物件陣列如何去重?

通過json.stringify序列化成字串(這個方法有一定的缺陷)後進行對比,或者遞迴的方式進行鍵-值對比,但是對於大型巢狀物件來說還是比較耗時的,

可根據每個物件的某乙個具體屬性來進行去重,因為考慮到服務端返回的資料中可能存在id重複的情況,需要前端進行過濾,如下:

const responselist =[

, ,

, ,

];const result = responselist.reduce((acc, cur) =>, );

console.log(result);

//-> [ , , ]

陣列去重方法整理

陣列去重看似乙個簡單的問題,隨著我們的學習,對於新知識的掌握這個曾經困著我們的問題逐漸變得游刃有餘。要去重,中心解決辦法就是比較該陣列中是否重複的元素,而後將重複的元素去掉。以下帶來幾個樓主折磨自己中研究出的一點方法 for迴圈法 思路 將陣列中的每乙個數與陣列中其他的數進行比較,看是否有相同的。如...

幾種陣列去重方法

使用es6中的set是最簡單的去重方法。var arr 1 1,true true true true,15 15,false false undefined,undefined,null null nan nan nan 0 0,a a function arr unique1 arr arr u...

陣列去重的幾種方法

實現思路 新建一新陣列,遍歷傳入陣列,值不在新陣列就加入該新陣列中 注意點 判斷值是否在陣列的方法 indexof 是ecmascript5 方法,ie8以下不支援,需多寫一些相容低版本瀏覽器 最簡單陣列去重法 function unique1 array return n 實現思路 新建一js物件...