JS数组去重Set() , Array.from()，指针，indexOf()，sort()，includes()，filter()

1.Set() , Array.from()使用

随便创建一个数组

var arr = [1, 3, 4, 3, 4, 6, 2, 8, 5, 8, 10, 2, 5]

console.log(
    Array.from(new Set(arr))
)

控制台node运行结果如下，成功去重

不使用Array.from()，通过这行代码也可以实现去重

console.log(
    [...new Set(arr)]
)

控制台node运行结果相同，成功去重

2.指针法

通过遍历，判断i和j所指元素是否相同，是就删除j中此元素（删除元素后，j指针位置不变，继续指向新的元素），反之留下

var arr = [1, 3, 4, 3, 4, 6, 2, 8, 5, 8, 10, 2, 5]

for (var i = 0; i < arr.length; i++) {
    for (var j = i + 1; j < arr.length; j++) {
        if (arr[i] == arr[j]) {
            arr.splice(j, 1)
            j--
        }
    }
}

console.log(arr)

控制台node运行结果如下，成功去重

3.indexOf()

判断arr1中某元素在arr2中indexOf值是否为**-1**，是就添加到arr2，反之不添加

var arr1 = [1, 3, 4, 3, 4, 6, 2, 8, 5, 8, 10, 2, 5]
var arr2 = []

for (var i = 0; i < arr1.length; i++) {
    if (arr2.indexOf(arr1[i]) == -1) {
        arr2.push(arr1[i])
    }
}

console.log(arr2)

控制台node运行结果如下，成功去重

4.sort()

先排序arr1，再比较i-1和i是否相同，不同就将添加到arr2，完成去重

var arr1 = [1, 3, 4, 3, 4, 6, 2, 8, 5, 8, 10, 2, 5]

arr1.sort((a, b) => a - b)

var arr2 = [1]

for (var i = 1; i < arr1.length; i++) {
    if (arr1[i] !== arr1[i - 1]) {
        arr2.push(arr1[i])
    }
}

console.log(arr2)

控制台node运行结果如下，成功去重

5.includes()

判断arr1中元素是否在arr2中存在，不存在就添加到arr2，反之不添加

var arr1 = [1, 3, 4, 3, 4, 6, 2, 8, 5, 8, 10, 2, 5]
var arr2 = []

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

console.log(arr2)

控制台node运行结果如下，成功去重

6.filter()

通过判断index == arr1.indexOf(item)实现去重

var arr1 = [1, 3, 4, 3, 4, 6, 2, 8, 5, 8, 10, 2, 5]

console.log(
    arr1.filter((item, index) => {
        return index == arr1.indexOf(item)
    })
)

控制台node运行结果如下，成功去重

浅谈indexOf()单独使用去重和使用filter()中去重