数组去重的方法

数组去重有很多种方法都可以实现，这里介绍最常用的几种

1. 数组遍历法
   通过遍历原始数组，然后判断元素的索引是否重复存在，如果没有就放到新数组当中，具体代码如下：

// 自定义数组arr 
 var arr = [1,2,3,11,1,3,2,22,55,3,66,3];
 // 自定义空数组newArr
 var newArr = [];
 // for循环遍历arr
 for(var i = 0; i < arr.length; i++) {
   // indexOf()方法返回在数组中找到给定元素的第一个索引，若不存在，返回 -1
   // 判断是否在newArr数组中存在  1是存在，-1是不存在
   if(newArr.indexOf(arr[i]) == -1) {
     // push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
     // 如果不存在，就追加到newArr里
     newArr.push(arr[i]);
   }
 }
 console.log(newArr)  //[1,2,3,11,22,55,66]

2. 跟第一种方式类似，通过includes()方法来判断是否有指定的值，若没有就追加到空数组中

let arr = [1,2,3,11,1,3,2,22,55,3,66,3];
let newArr = [];
for(var i = 0; i < arr.length; i++) {
  // includes() 方法用于判断字符串是否包含指定的子字符串
  if(!newArr.includes(arr[i])) {
    newArr.push(arr[i]);
  }
}
console.log(newArr)  //[1,2,3,11,22,55,66]

3. 利用ES6 Set() 去重（ES6最常用），主要代码如下：

var arr1 = [1,2,3,11,1,3,2,22,55,3,66,3];
// Set用于数据重组，成员不可以重复
let arr2 = [...new Set(arr1)];
console.log(arr2)  //[1,2,3,11,22,55,66]

4. 利用ES6 Map() 去重
   因为Map中不会出现相同的key值；所以只需要遍历原始数组，然后将数组的每个元素作为key 存到Map中即可，具体代码如下：

const list = [1,2,3,11,1,3,2,22,55,3,66,3];
// 创建一个空的Map
const myMap = new Map();
// 新建一个数组，用于接收返回的数组的结果
const map = new Array();  
// 遍历list数组
for(var i = 0; i < list.length; i++) {
  // 判断myMap 中是否已经有了key值
  if(myMap.has(list[i])) {
	// true代表在原始数组里已经重复了,false则代表是唯一的，没有重复
	myMap.set((list[i]),true);
  }else {
	// 如果没有重复，那么久就向新数组map追加元素
	myMap.set((list[i]),false);
	map.push(list[i])
  }
}
console.log(map)  //[1,2,3,11,22,55,66]

5. 通过 filter() 过滤掉数组中重复的值，达到去重的目的，具体代码如下：

var arr1= [1,2,3,11,1,3,2,22,55,3,66,3];
  var newArr;
  // filter函数的三个参数值
  // element：必填项，当前元素的值
  // index：可选项，当前元素的索引值
  // arr：可选项，当前元素属于的数组对象
  newArr = arr1.filter(function(element,index,arr) {
    return arr.indexOf(element) === index;
  });
  console.log(newArr);   //[1,2,3,11,22,55,66]