你知道前端数组去重有几种方式吗？

众所周知，前端数组去重是一个非常常见的问题，不管你是在项目开发中，还是去参加面试，这也是面试官常问的问题。所以数组去重是咱们有必要掌握的知识，不会的同学快来抓紧学习，已经学会的同学你很优秀啦，请出去学习一下其他不会的知识（开个玩笑，写的不好，欢迎大佬们留言评论改正）

一、使用indexOf()方法

首先我们需要定义一个空数组，使用indexOf()方法来监测新数组中是否包含某个元素，并返回索引值，没有则返回-1，并将新元素添加到新数组中。

let newArr = [];
for (let i=0;i<arr.length;i++) {
    if (newArr.indexOf(arr[i]) === -1) {
        newArr.push(arr[i]);
    }
}

二、使用es6中set()方法

es6之后推出的set()，set()本身的设定就是非重复的类数组，所以我们利用这一知识点来对数组进行去重。

let arr = ['1','2','3','4','5','1','1','9','6','2','3'];
let newArr = new Set(arr);
console.log(newArr); //['1','2','3','4','5','9','6']

三、利用filter()方法

利用数组的内置方法filter()，filter()结合indexOf()首次查找索引的方式，返回原数组中元素首次出现的所有元素，达到去重效果。

let newArr = arr.filter((item, index) => {
    return arr.indexOf(item) === index;
})

四、利用includes()

用数组内置的includes()方法，监测数组中是否包含某个元素,包含则返回true,不包含则返回false

let newArr = [];
for (var i=0;i<arr.length;i++) {
    if (!newArr.includes(arr[i])) {
        newArr.push(arr[i]);
    }
}

五、利用Object对象，key值是唯一特性

创建一个object对象，利用其key值唯一的特性，不断的向对象中内创建属性，一旦某属性被创建过，那么就说明了可以对这个属性值做一些操作，而属性就已经是哪个去重的唯一元素了。

let obj = {}; // 对象的key值是唯一的
let newArr = [];
for (var i=0;i<arr.length;i++) {
    if (!obj[arr[i]]) {
        obj[arr[i]] = arr[i];
    }
}