JS数组去重方法集合

1. 利用双重for循环去重

//定义一个新数组，先存放不可能与arr重复的第一个元素
let newArr = [arr1[0]]
for (let i = 1; i < arr.length; i++) {
    //设置标记flag
    let flag = true
    for (let j = 0; j < newArr.length; j++) {
        //如果两个相等，标记该i为false(重复),并退出该循环
        if (arr[i] == newArr[j]) {
            flag = false
            break
        }
    }
    //第二个for遍历完成后，flag为true(无重复)加进新数组
    if (flag == true) {
        newArr.push(arr[i])
    }
}

2.利用includes去重(includes() 存在该值返回true，反之false)

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

3.利用数组的filter方法去重

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

4.利用ES6中的 Set 方法去重（最常用）

// new Set(arr) 得到一个去重的set对象
// 通过 [] + 展开运算符 变成数组格式
console.log([...new Set(arr)])

5.利用indexOf去重

let newArr = []
for (let i = 0; i < arr.length; i++) {
    // 检索新数组中是否有重复元素，没有就push进新数组
    if (newArr.indexOf(arr[i]) === -1)
        newArr.push(arr[i])
}

6.利用ES6中的 Map 方法去重

创建一个空Map数据结构，遍历需要去重的数组，把数组的每一个元素作为key存到Map中

由于Map中不会出现相同的key值，所以最终得到的就是去重后的结果
let map = new Map
let newArr = []
for (let i = 0; i < arr.length; i++) {
    if (map.has(arr[i])) {
        map.set(arr[i], true)// true 或 false都没影响
    } else {
        map.set(arr[i], false);
        newArr.push(arr[i]);
    }
}