【学习笔记30】数组去重的多种方法

最新推荐文章于 2025-05-10 20:27:00 发布

m0_1229

最新推荐文章于 2025-05-10 20:27:00 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 ES6 学习文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_60525480/article/details/120529033

学习同时被 3 个专栏收录

28 篇文章

订阅专栏

前端

27 篇文章

订阅专栏

ES6

4 篇文章

订阅专栏

本文介绍了五种在JavaScript中去除数组重复元素的方法：for循环实现双指针法，利用indexOf判断元素是否存在，includes同样检查元素包含性，filter配合indexOf进行精确筛选，以及直接使用Set数据结构。通过实例演示了每种方法的使用和效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1：for循环去重

var arr=[1,2,1,2,3,4,3];
let unique=(arr)=>{
    //数组的前一项
    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--;//修正下标
            }
        }
    }
}
unique(arr)
console.log(arr)

方法2.利用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))；

方法3.利用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))

方法4.利用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))

方法5：利用set去重

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