JS中数组去重的5种经典方法

目录

一、两个for循环去重

二、利用indexof去重

三、利用includes去重

四、利用filter去重

五、利用拓展运算符...

---

 

一、两个for循环去重

/*
 * @Author: [jsh]
 * @Date: 2021-09-27 14:35:29
 * @LastEditors: [jsh]
 * @LastEditTime: 2021-09-27 17:05:23
 * @Description: 
 */
// 两个for循环去重

// arr.splice方法
// 第一个参数代表删除的开始位置     
// 第二个参数代表删除的个数
// 第二个之后的参数代表在删除位置要添加上去的内容
var arr=[1,2,1,1,3,4,3];
let unique=(array)=>{
    //数组的前一项
    for(let i=0;i<arr.length;i++){
        //数组的后一项
        for(let j=i+1;j<arr.length;j++){
            if(arr[i]===arr[j]){
                arr.splice(j,1);//移除重复元素
                j--;//修正下标 一定要修正下标
                //举例：当第一个数1和第三个数1进行比较，发现相等，就会从中删除1，此时j=2
                //此时的arr=[1,2,1,3,4,3] if j not -1 那么在下一次就会执行j=3然后和1比较
                //而在新的arr中j=3的对应值是3，跳过了此时index=2的值1，导致遗漏这个重复值1
            }
        }
    }
}

//为了测试数组删除一个元素后，后面的元素会自动填补空的位置
// console.log(arr);
// arr.splice(2,1);
// console.log(arr);

//执行函数
unique(arr);
//打印数组
console.log(arr);//[ 1, 2, 3, 4 ]

二、利用indexof去重

let arr=[1,2,1,2,3,4,3];
let unique = (arr) => {
    let res = [];
    for (let i = 0; i < arr.length; i++){
        if((res.indexOf(arr[i])) === -1 ){
            res.push(arr[i]);
        }
    }
    return res;
}
console.log(unique(arr));

三、利用includes去重

var arr=[1,2,3,2,1,3,4,'1','hello','1'];
let unique=(arr)=>{
    let res=[];
    for(i=0;i<arr.length;i++){
        if(!res.includes(arr[i])){
            res.push(arr[i]);
        }
    }
    return res;
}
console.log(unique(arr));

四、利用filter去重

var arr=[1,2,3,'hello','1','hello',2,1];
let unique=(arr)=>{
    var res=arr.filter((item,index)=>{
        return arr.indexOf(item)===index
    })
    return res;
}
console.log(unique(arr));

五、利用拓展运算符...

let arr1=[1,2,3,4,5,1,2,3];
var set=new Set(arr1);
console.log(set);
let [...a]=set;
console.log(a);

注意：分别去运行