数组去重

利用ES6 Set去重（ES6中最常用）

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

//使用set方法去重
function unique(arr) {
    return Array.form(new set(arr))
}

console.log(unique(arr))

不考虑兼容性，这种去重的方法代码最少。这种方法还无法去掉“{}”空对象，后面的高阶方法会添加去掉重复“{}”的方法。

利用for嵌套for，然后splice去重（ES5中最常用）

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

function unique(arr) {
    for (var i = 0; i < arr.length; i++) {
        for (var j = 0; j < arr.length; j++) {
            if (arr[i] === arr[j]) {//第一个等于第二个 splice方法删除第二个
                arr.splice(j, 1)
                j--
            }
        }
    }
    return arr
}

console.log(unique(arr))

双层循环，外层循环元素，内层循环时比较值。值相同时，则删去这个值。

利用indexOf去重

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

function unique(arr) {
    if (!Array.isArray(arr)) {//判断是否是一个数组
        console.log("type error!")
        return
    }
    var array = [];
    for (var i = 0; i < arr.length; i++) {
        if (arr.indexOf(arr[i]) === -1) {//判断当前数组中是否有相同的元素
            array.push(arr[i])
        }
    }
    return array
}

console.log(unique(arr))

新建一个空的结果数组，for 循环原数组，判断结果数组是否存在当前元素，如果有相同的值则跳过，不相同则push进数组。

利用sort()

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

function unique(arr) {
    if (!Array.isArray(arr)) {//判断是否是一个数组
        console.log("type error!")
        return
    }
    arr.sort()
    var array = [arr[0]]
    for (var i = 0; i < arr.length; i++) {
        if (arr[i] !== arr[i - 1]) {
            array.push(arr[i])
        }
    }
    return array
}

console.log(unique(arr))

利用sort()排序方法，然后根据排序后的结果进行遍历及相邻元素比对。

利用includes

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

function unique(arr) {
    if (!Array.isArray(arr)) {//判断是否是一个数组
        console.log("type error!")
        return
    }

    var array = []
    for (var i = 0; i < arr.length; i++) {
        if (!array.includes(arr[i])) {//includes方法检测数组是否具有某个值
            array.push(arr[i])
        }
    }
    return array
}

console.log(unique(arr))

利用hasOwnProperty

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

function unique(arr) {
    var obj = {}
    return arr.filter((item, index, arr) => {
        return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true)
    })
}

console.log(unique(arr))

利用hasOwnProperty 判断是否存在对象属性

利用filter

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

function unique(arr) {
    return arr.filter((item, index, arr) => {
        //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
        return arr.indexOf(item, 0) === index
    })
}

console.log(unique(arr))

利用递归去重

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

function unique(arr) {
    var array = arr
    var len = arr.length
    arr.sort((a, b) => {
        return a - b
    })

    function loop(index) {
        if (index > 1) {
            if (array[index] === array[index - 1]) {
                array.splice(index, 1)
            }
        }
        loop(index - 1) //递归loop 进行数组去重
    }

    loop(len - 1)
    return array
}

console.log(unique(arr))

利用Map数据结构去重

let arr = [1, 2, 5, 4, 2, 14, 52, 14, 1, 2, 5, 4]

function unique(arr) {
    let map = new Map()
    let array = [] //数组用于返回结果
    for (let i = 0; i < arr.length; i++) {
        if (map.has(arr[i])) {//如果有该key的值
            map, set(arr[i], true)
        } else {
            map.set(arr[i], false)//如果没有该key的值
            array.push(arr[i])
        }
    }
    return array
}

console.log(unique(arr))