js陣列去重的方法

2022-07-20 02:09:13 字數 3588 閱讀 3491

在實際工作或面試中,我們經常會遇到「陣列去重」問題,接下來就是使用js實現的陣列去重的多種方法:

1.將陣列的每乙個元素依次與其他元素做比較,發現重複元素,刪除

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5];

console.log(arr); //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5, 5]

function norepeat1(arr) }}

return arr;

}var arr2 = norepeat1(arr);

console.log(arr2); //[1, 23, 3, 5, 6, 7, 9, 8]

2.借助indexof()方法判斷此元素在該陣列中首次出現的位置下標與迴圈的下標是否相等

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5];

console.log(arr); //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5]

function norepeat2(arr)

}return arr;

}var newarr = norepeat2(arr);

console.log(newarr); //[1, 23, 3, 5, 6, 7, 9, 8]

3.利用陣列中的filter方法

var newarr = arr.filter(function(value,index,self));

4.借助新陣列 通過indexof方判斷當前元素在陣列中的索引如果與迴圈的下標相等則新增到新陣列中

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5];

console.log(arr) //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5]

function norepeat4(arr)

}return ret;

}var arr2 = norepeat4(arr);

console.log(arr2); //[1, 23, 3, 5, 6, 7, 9, 8]

5.利用空物件來記錄新陣列中已經儲存過的元素

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];

console.log(arr) //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5]

var obj={};

var newarr=;

for(var i=0;i.length;i++)

}console.log(newarr); //[1, 23, 3, 5, 6, 7, 9, 8]

6.借助新陣列,判斷新陣列中是否存在該元素如果不存在則將此元素新增到新陣列中

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];

console.log(arr); //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5]

function norepeat6(arr)

}return newarr;

}var arr2 = norepeat6(arr);

console.log(arr2); //[1, 23, 3, 5, 6, 7, 9, 8]

7.借助新陣列,判斷新陣列中是否存在該元素如果不存在則將此元素新增到新陣列中(原陣列長度不變但被按字串順序排序)

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];

console.log(arr); //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5]

function norepeat7(arr)

}return ret;

}var arr2 = norepeat7(arr);

console.log(arr2); //[1, 23, 3, 5, 6, 7, 8, 9]

8.此方法沒有借助新陣列直接改變原陣列,並且去重後的陣列被排序

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];

console.log(arr); //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5]

function norepeat8(arr) else

}return arr;

}var arr2 = norepeat8(arr);

console.log(arr2); //[1, 23, 3, 5, 6, 7, 8, 9]

9.雙層迴圈改變原陣列

var arr = [1,1,2,2,3,3,4,4,5,5,4,3,1,2,6,6,6,6];

console.log(arr); //[1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 4, 3, 1, 2, 6, 6, 6, 6]

function norepeat9(arr)}}

return arr;

}var arr2 = norepeat9(arr);

console.log(arr2); //[1, 2, 3, 4, 5, 6]

10.借助新陣列

var arr = [1,1,2,2,3,3,4,4,5,5,4,3,2,1,1,1];

console.log(arr); //[1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 4, 3, 2, 1, 1, 1]

var newarr = ;

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

}if (reparr.length == 0)

}console.log(newarr); //[5, 4, 3, 2, 1]

11.借助es6提供的set結構

var arr = [1,1,2,2,3,3,4,4,5,5,4,3,2,1,1,1];

console.log(arr); //[1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 4, 3, 2, 1, 1, 1]

function norepeat11(arr)

return newarr;

}var arr2 = norepeat11(arr)

console.log(arr2); //[1, 2, 3, 4, 5]

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...