JS数组去重的12种方法

分手后的思念是犯贱 2023-10-09 18:23 6阅读 0赞

## 一、利用ES6 Set去重（ES6中最常用） ##

`Set`对象是`ES6`中新定义的数据结构，类似数组，它允许存储任何类型的唯一值，不管是原始值还是对象引用。

**`Array.from()`方法**就是将一个类数组对象或者可遍历对象转换成一个真正的数组

function unqiue(arr) {
        return Array.from(new Set(arr))
    }
    var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
    console.log(unqiue(arr))
    //1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}

*  不考虑兼容性，这种去重的方式代码最少。这种方法无法去掉`{}`空对象，后面的高阶方法会添加去掉重复“\{\}”的方法。

--------------------

### 二、\[…new Set(arr)\] ###

**剩余参数语法**允许将一个不定数量的参数表示为一个数组

var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
    var Arr = [...new Set(arr)]
    console.log(Arr)
    //1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}

--------------------

### 三、利用for嵌套for，然后splice去重（ES5中最常用） ###

**`splice()`**方法可删除从第一个参数处开始的零个或多个元素，且用参数列表中声明的一个或多个值来替换那些被删除的元素

双层循环，外层循环元素，内层循环时比较值。值相同时，则删去这个值。

--------------------

### 四、利用indexOf去重 ###

**indexOf()**方法可返回某个指定的字符串值在字符串中首次出现的位置

--------------------

### 五、利用sort() ###

--------------------

### 六、利用对象的属性不能相同的特点去重（这种数组去重的方法有问题，不建议用，有待改进） ###

--------------------

### 七、利用includes ###

**includes()** 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

--------------------

### 八、利用hasOwnProperty 判断是否存在对象属性 ###

Object的**hasOwnProperty()**方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。**filter()**方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素

function unique(arr) {
        var obj = {};
        return arr.filter(function(item, index, arr){
            return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true)
        })
    }
        var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
            console.log(unique(arr))
        //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}] //所有的都去重了

--------------------

### 九、利用filter ###

**indexOf()**方法可返回某个指定的字符串值在字符串中首次出现的位置

--------------------

### 十、利用递归去重 ###

**splice()**方法可删除从第一个参数处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素

--------------------

### 十一、利用Map数据结构去重 ###

**map()**方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

创建一个空Map数据结构，遍历需要去重的数组，把数组的每一个元素作为key存到Map中。由于Map中不会出现相同的key值，所以最终得到的就是去重后的结果。

--------------------

### 十二、利用reduce+includes ###