javascript实现数组去重

Posted 小情绪^_^

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript实现数组去重相关的知识,希望对你有一定的参考价值。

数组去重即去掉数组中重复的元素,是web前端工作者在面试过程中和工作中经常会遇到的一个问题,相信一般的方法大家都会,只不过会存在效率差异问题,下面我就来说说我们常用的几种数组去重的方法!

方法1,思路:通过双重循环,每次检测新数组里面是否有该元素,没有就加进去,改方法思路简单,但当数组长度较长时,会非常影响性能!(不推荐使用)
function deleteRepeat1(arr) {
        var newArr = [];
        for (var i = 0; i < arr.length; i++) {
            let has = false;
            for (let j = 0; j < newArr.length; j++) {
                if (arr[i] === newArr[j]) {
                    has = true;
                }
            }
            if (!has) {
                newArr.push(arr[i]);
            }
        }
        return newArr;
    }

 

方法2,思路:先将数组元素进行排序,然后进行循环,将每一项与新数组的最后一项进行比较,如果不相等就添加进去,因为是经过排序的,所以只用和最后一项进行比较(因为这个结果会导致数组的顺序改变,所以也不推荐使用);

function deleteRepeat2(arr) {
        let arr2 = arr.sort(function (a, b) {
            return a - b;
        });
        let newArr = [arr2[0]];
        for (var i = 0; i < arr2.length; i++) {
            if (arr2[i] !== newArr[newArr.length - 1]) {
                newArr.push(arr2[i])
            }
        }
        return newArr
    }

方法3,思路:利用对象的特性来判断新数组中是否已经有该值(推荐使用)

function deleteRepeat3(arr) {
        let obj = {}, newArr = [];
        for (let i = 0; i < arr.length; i++) {
            if (!obj[arr[i]]) {
                newArr.push(arr[i]);
                obj[arr[i]] = 1;
            }
        }
        return newArr;
    }

方法4,思路:循环遍历每一项,然后判断每一项的值在数组中的位置是否为当前循环的index,如果不是,则代表不是第一次出现(推荐使用);

 function deleteRepeat4(arr) {
        let newArr = [];
        for (let i = 0; i < arr.length; i++) {
            if (i == arr.indexOf(arr[i])) {
                newArr.push(arr[i])
            }
        }
        return newArr;
    }

 

以上就是我总结的四种数组去重的方法,用户可以根据实际业务需求进行选择使用!

 

以上是关于javascript实现数组去重的主要内容,如果未能解决你的问题,请参考以下文章

javascript实现数组去重

算法题:数组去重进阶版——JavaScript及Java实现

JavaScript tips:数组去重

JavaScript实现数组去重方法

六种方法实现JavaScript数组去重

六种方法实现JavaScript数组去重