js中数组去重100种方法之略知一二

最新推荐文章于 2022-11-27 11:38:16 发布

原创最新推荐文章于 2022-11-27 11:38:16 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

java 同时被 2 个专栏收录

253 篇文章

订阅专栏

202 篇文章

订阅专栏

本文介绍了三种在JavaScript中实现数组去重的有效方法：通过创建临时对象存储元素、使用Set对象转换数组，以及利用filter方法结合indexOf进行筛选，旨在帮助开发者理解和掌握不同场景下最优的数组去重策略。

                 //1、js中数组去重，
                function findTheDiff(arr) {
                    var result = [];
                    //key:value形式
                    var jsonTemp = {};
                    for(var i = 0; i < arr.length; i++){
                        if(!jsonTemp[arr[i]]){
                            result.push(arr[i]);
                            //必有的步骤，将value设置成true，
                            //再次进入循环，如果是false，说明此元素已经加入到result，无需再次添加
                            //实现去重效果
                            jsonTemp[arr[i]] = 1;
                        }
                    }
                    return result;
                }
                console.log(findTheDiff([1,3,4,3,2,1,4,6,2]));
                
                //2
                const numbers = [1, 2, 1, 1, 2, 1, 3, 4, 1 ];
                const uniq = [...new Set(numbers)]
                // => [ 1, 2, 3, 4 ];
                console.log(uniq);
                const uniq2 = Array.from(new Set(numbers))
                // => [ 1, 2, 3, 4 ];
                console.log(uniq2);

                //3filter方式
                function uniqueArr (arr) {
                    var res = arr.filter(function (item, index, array) {
                        //array.indexOf(item) === index
                        //说明这个元素第一次出现，后面item再出现,此indexOf(item)已经不是index了
                        return array.indexOf(item) === index;
                    });
                    return res;
                }
                console.log(uniqueArr(numbers));