原生JS数组去重方法总结(5种)

原生JS数组去重方法总结(5种)!

正式开始前让俺絮叨几句
很久很久之前总结的东西,在电脑上放着,直到前两天电脑分个盘分炸了重装系统,之前耗费时间总结的各种知识类别都丢了,感觉整个世界都暗了很烦躁。过了两天,发现还残留了一些些,于是决定依次慢慢传在博客上,希望有缘翻到想学习相关知识的小猴子们都能有所得,耐心往下看吧,加油。


数组去重
<script>
        // 一个一个一轮一轮的比较去重
        function norepeat(arr) {
            for (var i = 0; i < arr.length - 1; i++) {
                for (var j = i + 1; j < arr.length; j++) {
                    if (arr[i] == arr[j]) {
                        arr.splice(j, 1);
                        j--;
                    }
                }
            }
            return arr;
        }
        // var arr1=[1,1,2,2,1,2,3];
        var arr1 = [1, 1, 1, 2, 2, 1, 2, 3];
        //删掉以后 后面的数组元素会往前补上 就会有漏网之鱼,所以应该 j--
        console.log(norepeat(arr1));
    </script>

    <script>
        // 先排序再相邻之间比较去重
        function norepeat(arr) {
            arr.sort();
            for (var i = 0; i < arr.length - 1; i++) {
                if (arr[i] == arr[i + 1]) {
                    arr.splice(i + 1, 1);
                    i--;
                }
            }
            return arr;
        }
        var arr1 = [1, 1, 1, 2, 2, 1, 1, 2];
        console.log(norepeat(arr1));
    </script>

    <script>
        // 结合对象和数组去重  着重掌握
        function norepeat(arr) {
            var obj = {}; //空对象,保证不对数组进行干扰
            var newArr = [];

            for (var i = 0; i < arr.length; i++) {
                if (obj[arr[i]] == undefined) {
                    //把数组中的元素看成一个对象属性,如果出现undefined,证明它第一次出现,把它放在一个新数组里,如果不是undefined,证明已经存在,就不放进去
                    newArr.push(arr[i]);
                    obj[[arr[i]]] = 1;
                }
            }

            return newArr;
        }
        var arr1 = [1, 1, 1, 2, 2, 1, 1, 2];
        //第一个1肯定不重复遍历下标0,也就是第一个1是undefined,第二个1不是undefined,第三个1不是undefined,第一个2是undefined,第二个2不是undefined
        console.log(norepeat(arr1));
    </script>

    <script>
        // 数组去重
        var arr = [1, 1, 1, 2, 2, 1]

        function norepeat(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(norepeat(arr))
    </script>

    <script>
        // ES6 set构造函数,值不重复,用来数组去重
        var arr = [1, 2, 3, 2, 3];

        function norepeat(arr) {
            let set = new Set(arr);
            arr = [...set];
            return arr;
        }

        console.log(norepeat(arr));
        // 返回的不是数组 要用Array.from
    </script>

恭喜恭喜,是不是学的酣畅淋漓异常痛快~ ,同乐同乐,转载请标明是来自璇璇!
==总结不易,谢谢体谅==

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值