五行代码帮你学会搞懂ES6新特性new Set()数组去重！

直接上代码看结果！

先来一个简单的数据，里面包含数字，字符串布尔值，简单说就是简单数据类型，简单数据类型就是，数字，字符串，布尔值，undefined，null，这五个

let arr = [1, 1, , '1', '1', true, true, undefined, undefined, null, null]
    let set = new Set(arr)        //new Set进行筛选去重 
    let newarr = Array.from(set)  //Array.from进行数组重组
    console.log(newarr)   //得到新数组，去重完成

执行上面代码，结果如下，可以看到重复选项已经全部被去除，所以，new Set方法对于简单的数据类型组成的数组去重很方便，不用我们再去遍历了

在来一组复杂数据类型的数组，里面包含对象，数组，函数

let arr = [
      {a: 1}, 
      {a: 1}, 
      [1, 2], 
      [1, 2], 
      function fun1() { return 1; },
      function fun1() { return 1; }
      ]
    let set = new Set(arr)        //new Set进行筛选去重 
    let newarr = Array.from(set)  //Array.from进行数组重组
    console.log(newarr)   //得到新数组

执行上面代码，结果如下，可以看到重复选项没有被去除，所以，new Set方法对于复杂的数据类型是无法完成去重操作的

你学废了吗？喜欢的记得一键三连哦！