JS数组去重方法

使用双层for循环

   核心思路：对比前一项和后一项，如果相等则删除后一项，把后边的元素往前移，修正下标。

var arr = [11,22,32,21,11,22,56];

function unique(arr){

    //数组的前一项

    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--;

            }

        }

    }

    return arr

}

unique (arr)

console.log(arr);

利用indexOf或lastIndexOf对数组去重

   核心思路：创建一个新空数组，遍历数组，判断数组元素是否存在于新数组中，不存在则进行添加

var arr = [11,22,32,21,11,22,56]

function unique(arr){

    //创建一个新的空数组

    var newArr = [];

    for(var i=0;i<arr.length;i++){

        //检测数组元素是否存在于新数组中，不存在添加

        if(newArr.indexOf(arr[i])==-1){

            newArr.push(arr[i])

        }

    }

    //返回去重后的新数组

    return newArr;

}

console.log(unique(arr));

使用includes对数组去重

核心思路：检测数组元素是否包含在数组中  包含返回true  不包含返回false

var arr = [11,22,32,21,11,22,56];//对数组进行去重复

var res = arr.includes(88);

console.log(res,arr);

function unique(arr){

    // 声明一个新空数组

    let newArr = [];

    for(var i=0;i<arr.length;i++){

        if(!newArr.includes(arr[i])){

            // 将符合条件得数组元素添加到新空数组中

            newArr.push(arr[i])

        }

    }

    // 将符合条件的新的数组返回

    return newArr

}

console.log(unique(arr));

forEach + indexOf/lastIndexOf/includes 对数组进行去重

var arr = [11,22,32,21,11,22,56];

 function unique(arr){

    // 创建新的空数组

    let newArr = [];

    // 循环数组元素

    arr.forEach(function(item){

        // if(newArr.lastIndexOf(item)===-1){

        //  newArr.push(item)

        // }

        if(!newArr.includes(item)){

            newArr.push(item)

        }

    })

    // 返回不重复数组

    return newArr

 }

 console.log(unique(arr));

使用filter和includes/indexOf/lastIndexOf 实现数组去重

var arr = [11,22,32,21,11,22,56];

function unique(arr){

    let newArr = [];

    return arr.filter(function(item){

        // 三目运算符

        // return newArr.includes(item)?"":newArr.push(item)

        return newArr.indexOf(item)!==-1?"":newArr.push(item)

        // return newArr.lastIndexOf(item)!==-1?"":newArr.push(item)

    })

}

console.log(unique(arr));

利用set集合进行去重复

var arr = [11,22,32,21,11,22,56];

// 将数组转为set集合 去除重复成员

var res = new Set(arr);

console.log(res);

// 1.将set集合转为数组

// console.log(Array.from(res));

// 2.利用拓展运算符 ... 将所有set成员进行展开

console.log([...res]);