数组去重的常用方法

xjj金蘑菇
发布于 2022-6-21 14:59
浏览
0收藏

Methods 1: 思路:先将原数组排序,在与相邻的进行比较,如果不同则存入新数组。

    function unique2(arr) {
        var formArr = arr.sort()
        var newArr=[formArr[0]]
        for (let i = 1; i < formArr.length; i++) {
            if (formArr[i]!==formArr[i-1]) {
                newArr.push(formArr[i])
            }
        }
        return newArr
    }
    console.log(unique2([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
    // 结果是[1, 2, 3,  4,5, 6, 7]

Methods 2: 利用对象属性存在的特性,如果没有该属性则存入新数组。

    function unique3(arr) {
        var obj={}
        var newArr=[]
        for (let i = 0; i < arr.length; i++) {
            if (!obj[arr[i]]) {
                obj[arr[i]] = 1
                newArr.push(arr[i])
            }   
        }
        return newArr
    }
    console.log(unique2([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
    // 结果是[1, 2, 3, 5, 6, 7, 4]

Methods 3: 利用数组原型对象上的includes方法。

    function unique5(arr) {
        var newArr = []
        for (var i = 0; i < arr.length; i++) {
            if (!newArr.includes(arr[i])) {
                newArr.push(arr[i])
            }
        }
        return newArr
    }
    console.log(unique5([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
    // 结果是[1, 2, 3, 5, 6, 7, 4]

Methods 4: 利用数组原型对象上的 forEach 和 includes方法。

      function unique7(arr) {
        let newArr = [];
        arr.forEach(item => {
            return newArr.includes(item) ? '' : newArr.push(item);
        });
        return newArr;
    }
    console.log(unique7([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));
    // 结果是[1, 2, 3, 4, 5, 6, 7]

Methods 5: 利用数组原型对象上的 splice 方法。

    function unique8(arr) {
        var i,j,len = arr.length;
        for (i = 0; i < len; i++) {
            for (j = i + 1; j < len; j++) {
                if (arr[i] == arr[j]) {
                    arr.splice(j, 1);
                    len--;
                    j--;
                }
            }
        }
        return arr;
    }
    console.log(unique8([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));

Methods 6: 利用 ES6的set 方法。

    function unique10(arr) {
        //Set数据结构,它类似于数组,其成员的值都是唯一的
        return Array.from(new Set(arr)); // 利用Array.from将Set结构转换成数组
    }
    console.log(unique10([1, 1, 2, 3, 5, 3, 1, 5, 6, 7, 4]));

参考文献:https://blog.csdn.net/weixin_42412046/article/details/81459294

5
收藏
回复
举报
4条回复
按时间正序
/
按时间倒序
xjj前端妹_雅
xjj前端妹_雅

get

回复
2022-6-22 14:32:01
xjj_snntH
xjj_snntH

666

回复
2022-6-22 14:41:49
xjj_xnkl
xjj_xnkl

很实用

回复
2022-6-22 14:52:54
xjjFeRookie
xjjFeRookie

补充一个,reduce 也可以

回复
2022-6-22 20:17:36
回复
    相关推荐