最全面的js陣列去重方法彙總

2021-10-05 13:59:40 字數 1520 閱讀 7429

陣列去重也是前端面試中很常見的乙個問題,最近就對這個問題的解法進行了彙總,有需要的同學可以參考下

一、雙層迴圈,比較相同的值,使用splice刪除重複元素

function uniquearr(arr)

for(let i=0;i二、indexof去重

function uniquearr(arr)

var resarr=;

for(let i=0;i三、使用sort()方法,排序後對比相鄰元素值是否相等來去重

這個方法只能實現同型別資料的去重,由於sort會把排序內容轉成字串型別再進行排序,因此如果類似下面的陣列(存在boolean型別的true和string型別的true)就無法正常排序

var arr=[1,"str",2,4,2,"true",3,"abc","string","string","string","string","string",true,"true","str",3,2,1,"sss","abc",true,"string"];

function uniquearr(arr)

arr=arr.sort();

var resarr=[arr[0]];

for(let i=1;i四、includes去重

function uniquearr(arr)

var resarr=;

for(let i=0;i五、利用物件屬性不能重複去重

//這種方式會導致null和』null』,true和』true』,undefined和』undefined』,等也會去重

function uniquearr(arr)

var obj={};

var resarr=;

for(let i=0;i六、使用hasownproperty判斷是否已存在物件屬性

function uniquearr(arr)

var obj={};

var resarr=;

for(let i=0;i七、使用filter,過濾掉重複元素

function uniquearr(arr)

return arr.filter(function(item,index,arr))

}

八、使用map資料結構去重

建立乙個空的map資料結構,因為map中不能有重複的key,因此通過判斷map中是否存在某個key值來達到去重的效果

function uniquearr(arr)

var map =new map();

var resarr =;

for(let i=0;i九、利用set不能存在相同的key值來實現去重的效果

function uniquearr(arr)

return array.from(new set(arr)) ;

}

或者

function uniquearr(arr)

return [...new set(arr)];

}

js陣列去重方法

var arr 1,2,3,4,5,1,2,3 function norepeat arr console.log norepeat arr 結果 1,2,3,4,5 arr.indexof val 這個方法會獲取val所在arr的下標 返回為 true 說明 獲取下標後和index下標對比如果 i...

JS陣列去重方法

var arr 1,2,1,2 定義乙個空陣列 var arr1 遍歷原始陣列,若新陣列中沒有這個元素,那麼就將該元素新增到新陣列中 for var i 0 i方法一 二維陣列中,是否可以用上面的方法呢?答案是否定的。js的indeof啊返回字串字元或陣列中某個元素的位置,它的內部是遍歷這個陣列看是...

JS陣列去重方法

將陣列var arr 1,1,true true true,true,15,15,false,false,undefined,undefined,null,null,nan,nan,nan 0,0,a a 中重複的值過濾掉 使用es6中的set是最簡單的去重方法 var arr 1 1,true t...