十一、前端基础之数组去重的五种方式

文章介绍了四种在JavaScript中去除数组重复元素的方法:使用Set转换、双重循环比对删除、indexOf检查以及includes检测。每种方法都有其特点,Set是最简洁的方式,而双重循环适用于不支持新特性的环境。
摘要由CSDN通过智能技术生成

 // Set去重

        var arr1 = [1,2,3,4,5,2,3]

        function unique1(arr){

            // return [...new Set(arr)]

            return Array.from(new Set(arr))

        }

        console.log(unique1(arr1));


 

        // 循环两次

        var arr2 = [1,2,3,4,5,2,3]

        function unique2(arr){

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

                for(var j=i+1,len=arr.length;j<len;j++){

                    if(arr[i] === arr[j]){

                        arr.splice(j,1)

                        j-- //每删除一个

                        len--

                    }

                }

            }

            return arr

        }

        console.log(unique2(arr2));

        // indexOf去重

        var arr3 = [1,2,3,4,5,2,3]

        function unique3(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(unique3(arr3));

        // includes去重

        var arr4 = [1,2,3,4,5,2,3]

        function unique4(arr){

            var newArr = []

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

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

                    newArr.push(arr[i])

                }

            }

            return newArr

        }

        console.log(unique4(arr4));

        // filter去重

        var arr5 = [1,2,3,4,5,2,3]

        function unique5(arr){

           arr.filter(function(item,index){

            // 元素第一次出现的索引和当前索引进行对比

            // 0 1 2 3 1 2

            // 0 1 2 3 4 5

            // console.log(arr.indexOf(item,0),index);

            return arr.indexOf(item,0) === index

           })

        }

        console.log(unique5(arr5));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值