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
'23' 首次出現的位置是數組中的第一個，即下標爲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。相似於數組，可是成員的值都是惟一的。
使用擴展運算符[...]和Set結構相結合，能夠去掉數組中重複的元素。
注：[...]擴展運算符內部使用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它的做用，就是能夠把類數組對象、可迭代對象轉化爲數組】