原生js数组去重

徐小志~

于 2022-12-30 11:14:20 发布

阅读量115

点赞数 1

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_46561492/article/details/128492738

版权

本文详细介绍了使用JavaScript实现数组去重的九种常见方法，包括Set、扩展运算符、双重循环、单层循环、indexOf、filter、空对象、新数组以及排序去重。这些方法各有优缺点，适用于不同的场景，对于理解和掌握JavaScript数组操作非常有帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数组去重的几种方法原生js

原数组

var arr1 = [3, 1, 1, 2, 3, 4, 5, 3, 4, 6, 7, 4, 2, 7, 9, 1]

方法一：set

var arr2 = Array.from(new Set(arr1))

方法二：使用…扩展运算符

let arr3 = [...new Set(arr1)]

方法三：双重for循环

for (var i = 0; i < arr1.length; i++) {
        for (var j = i + 1; j < arr1.length; j++) {
            if (arr1[i] == arr1[j]) {
                arr1.splice(j, 1);
                j--;
                i--;
            }
        }
    }

方法四：单层for循环

  for (var i = 0; i < arr1.length; i++) {
        if (arr1[i] == arr1[i + 1]) {
            arr1.splice(i, 1);
            i--;
        }
    }

方法五：indexOf()

    for (var i = 0; i < arr1.length; i++) {
        if (arr1.indexOf(arr1[i]) != i) {
            arr1.splice(i, 1);//删除数组元素后数组长度减1后面的元素前移
            i--;//数组下标回退
        }
    }

方法六： filter

    var arr1 = arr1.filter(function (value, index, self) {
        return self.indexOf(value) === index;
    });

方法七：利用空对象

    var obj = {};
    var newArr = [];
    for (var i = 0; i < arr1.length; i++) {
        if (!obj[arr1[i]]) {
            obj[arr1[i]] = true;
            newArr.push(arr1[i]);
        }
    }

方法八：借助新数组

    var newArr = [];
    for (var i = 0; i < arr1.length; i++) {
        var repArr = [];//接收重复数据后面的下标
        //内层循环找出有重复数据的下标
        for (var j = i + 1; j < arr1.length; j++) {
            if (arr1[i] == arr1[j]) {
                repArr.push(j);//找出后面重复数据的下标
            }
        }
        if (repArr.length == 0) {//若重复数组没有值说明其不是重复数据
            newArr.push(arr1[i]);
        }
    }

方法九：此方法没有借助新数组直接改变原数组,并且去重后的数组被排序

    var end;//临时变量用于对比重复元素
    arr1.sort();//将数重新组排序
    end = arr1[0];
    for (var i = 1; i < arr1.length; i++) {
        if (arr1[i] == end) {//当前元素如果和临时元素相等则将此元素从数组中删除
            arr1.splice(i, 1);
            i--;
        } else {
            end = arr1[i];
        }
    }