常用数组去重方法总结

最新推荐文章于 2022-04-01 22:45:53 发布

前端-小明

最新推荐文章于 2022-04-01 22:45:53 发布

阅读量113

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44226088/article/details/110881945

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文介绍了四种JavaScript中去除数组重复元素的方法：双重for循环删除法、双重for循环标记去重法、forEach与indexOf结合使用以及利用对象的属性特性进行去重。每种方法的实现思路和代码示例都进行了详细说明，其中利用对象去重的方法效率最高。

摘要由CSDN通过智能技术生成

1.双重for循环与splice

数组的引用不会变化

   var arr=[2,3,1,2,3,5,2,4,1,2,3,5,2,1,5,7,8];


        // 数组的引用不发生改变
        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);//删除元素后长度变化
                if(arr[i]===arr[j]){
                    arr.splice(j,1);
                    j--;
                }
            }
        }
        console.log(arr);

2.双重for循环标记去重法

 var arr=[2,3,1,2,3,5,2,4,1,2,3,5,2,1,5,7,8];
        var arr1=[];
        for(var i=0;i<arr.length;i++){
            var bool=false;
            for(var j=0;j<arr1.length;j++){
                if(arr[i]===arr1[j]){
                    bool=true;
                    break;
                }
            }
            if(!bool) arr1.push(arr[i]);
        }

        console.log(arr1);

3.forEach与indexOf结合使用

var arr=[2,3,1,2,3,5,2,4,1,2,3,5,2,1,5,7,8];
        var arr1=[];
        arr.forEach(function(item){
            if(arr1.indexOf(item)<0) arr1.push(item);
        })
        console.log(arr1);

4.利用对象去重

效率最高

var arr=[2,3,1,2,3,5,2,4,1,2,3,5,2,1,5,7,8];
        var obj={};
        var arr1=[];
        for(var i=0;i<arr.length;i++){
            obj["_"+arr[i]]=arr[i];
        }
        
        for(var prop in obj){
            arr1.push(obj[prop]);
        }
        console.log(arr1);