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

一、indexOf() 单独使用

判断两个数组中元素是否重复，不重复返回值-1，重复则返回元素首次出现的位置。

1.创建带有重复的数组和一个空数组

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

2.通过for循环遍历，if判断两个数组中元素是否重复，不重复返回值-1，通过push方法将arr1中不重复元素添加到arr2中

for (var i = 0; i < arr1.length; i++) {
    //这里打印了arr1.indexOf(arr1[i])的值，方便理解
    //结果依次为-1，-1，-1，-1，-1，-1，2，-1，-1，6，-1，2，7，1，-1
    console.log(arr2.indexOf(arr1[i]))
    if (arr2.indexOf(arr1[i]) == -1) {
        arr2.push(arr1[i])
    }
}

3.此时得到一个无重复数组arr2

二、在filter()中使用

1.创建带有重复的数组

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

2.使用filter()+indexOf()，通过判断index和arr1.indexOf(item)是否相等完成去重

arr1.filter((item, index) => {
        //这里打印了arr1.indexOf(item)
        //值为0，1，2，3，2，5，6，7，8，7，6，11，8
        console.log(arr1.indexOf(item))
        //这里打印了index
        //值为0，1，2，3，4，5，6，7，8，9，10，11，12，
        console.log(index)
        return index == arr1.indexOf(item)
    })

3.最终得到此无重复数组

三、区别

单独使用：判断的是返回-1值的元素，只要返回值是-1就是不重复的元素
在filter()中使用：对indexOf得到的数组元素位置和按顺序排列的数组位置做比较，两个相同就是不重复元素