三行代码实现去掉数组中的重复元素

不说废话，先上代码：

var arr = [A,B,C,C,D,E,B,D,F];
var arr2 = arr.filter(function(element,index,self){
    return self.indexOf(element) === index;
});
console.log(arr2);    //[A,B,C,D,E,F]

调用的方法：

1. arr.filter（function(element,index,self){}）该方法方法创建一个新的数组，其元素是指定数组中符合筛选条件的所有元素，写法就是这样，element是当前元素的值，index是当前元素的索引值，self是当前元素属于的数组对象，在这里也就是上面的arr，return里写的是筛选条件。filter()方法文档链接

2. indexOf() 返回某个括号中的内容在字符串中“首次出现”的位置。indexOf()方法文档链接

原理：

创建一个新数组，筛选“元素索引”等于“首次出现时的下标”的元素值，填入新数组。

比如上述例子中，遍历到第一个字母“C”，element的值为“C”，index的值为“2”（即下标从0开始的第3个元素），self表示数组arr，return中的indexOf(“C”)，返回的是元素首次出现的索引，依旧是3，与上面的index相等，所以条件成立，将字母“C”填入数组arr2。

继续向下遍历，又出现一个“C”，这次他的index的值为3（即下标从0开始的第4个元素），但indexOf(“C”)的值依旧是2，条件不成立，所以不执行操作，继续向下遍历，如此反复，直到遍历结束。