數組去重ES6

原文連接： https://juejin.im/post/5b17a2c251882513e9059231

1，去除簡單類型

1.  
   //ES6中新增了Set數據結構，相似於數組，可是 它的成員都是惟一的 ，其構造函數能夠接受一個數組做爲參數，如：
2.  
   let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3];
3.  
   let set = new Set(array);
4.  
   console.log( set);
5.  
   // => Set {1, 2, 3, 4, 5}
6.  
    
7.  
   //ES6中Array新增了一個靜態方法Array.from，能夠把相似數組的對象轉換爲數組，如經過querySelectAll方法獲得HTML DOM Node List，以及ES6中新增的Set和Map等可遍歷對象，如： let set = new Set();
8.  
   set.add(1).add(2).add(3);
9.  
   let array = Array.from(set);
10.  
    console.log(array);
11.  
    // => [1, 2, 3]
12.  
     
13.  
    //因而，如今咱們能夠用一行代碼實現數組去重了：
14.  
    let array = Array.from(new Set([1, 1, 1, 2, 3, 2, 4]));
15.  
    console.log(array);
16.  
    // => [1, 2, 3, 4] 複製代碼

 

2，去除引用類型

 

 

 

1.  
   var arr = [{
2.  
   "name": "ZYTX",
3.  
   "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix",
4.  
   "gender": "AAAAAA.doc"
5.  
   }, {
6.  
   "name": "ZYTA",
7.  
   "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix",
8.  
   "gender": "BBBBBB.doc"
9.  
   }, {
10.  
    "name": "ZDTX",
11.  
    "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix",
12.  
    "gender": "CCCCCC.doc"
13.  
    }, {
14.  
    "name": "ZYTX",
15.  
    "age": "Y13xG_4wQnOWK1QwJLgg11d0pS4hewePU95UHtpMl3eE81uS74NC-6zu-Rtnw4Ix",
16.  
    "gender": "AAAAAA.doc"
17.  
    }];
18.  
    var hash = {};
19.  
    arr = arr.reduce( function(item, next) {
20.  
    hash[next.name] ? '' : hash[next.name] = true && item.push(next);
21.  
    return item
22.  
    }, [])
23.  
    console.log(arr); 複製代碼

 

 

轉載於:https://juejin.im/post/5b17a2c251882513e9059231