js数组去重要领总结

假定我们有数组arr，而且声明新数组hash用来存放去重后的元素：

var arr = [23,44,5,2,23,5,1,7,8,7]; //包括反复元素
var hash= []; //声明新数组


以下是数组去重罕见的几个要领

1.遍历数组运用indexOf去重

思绪：新数组中若该项的下标为-1，则示意新数组中没有找到，就能够将该项放入新数组中。

arr.forEach(item=>{
if(hash.indexOf(item) == '-1'){
hash.push(item);
}
})
console.log(hash); //[23, 44, 5, 2, 1, 7, 8]


2.遍历数组运用indexOf去重

思绪：若该项的下标和该项在数组的下标雷同，则放入新数组。不是则过滤掉。

注：【indexOf()要领能够返回某个指定字符串在字符串中初次涌现的位置】

比方：console.log(arr.indexOf(23));     //0
&＃8217;23&＃8217; 初次涌现的位置是数组中的第一个，即下标为0

arr.forEach((item,index)=>{
if(arr.indexOf(item) == index){
hash.push(item);
}
})


3.遍历数组运用标识符去重

var obj = {}; //声明一个变量标识
arr.forEach(item=>{
if(!obj[item]){
obj[item] = true;
hash.push(item)
}
})


4.sort排序后遍历过滤数组

思绪：先给数组排序，如许雷同的项老是相邻。然后遍历数组和前一个对照，不相等就放入新数组中。（只针对排序后的）

var hash = [arr[0]];
arr.forEach((item,index)=>{
if(item != hash[hash.length-1]){
hash.push(item)
}
})


5.ES6完成

思绪：ES6供应了新的数组构造Set。类似于数组，然则成员的值都是唯一的。

运用扩大运算符[&＃8230;]和Set构造相结合，能够去掉数组中反复的元素。

注：[&＃8230;]扩大运算符内部运用for..of轮回。

Set函数吸收一个数组（或许类数组的对象）作为参数，用来初始化。

var hash = new Set(arr);
var newArr = [...hash];
console.log(newArr); //[23, 44, 5, 2, 1, 7, 8]

或许

var newArr = Array.from(hash);
【Array.from它的作用，就是能够把类数组对象、可迭代对象转化为数组】