JS数组去重的12种方法

刺骨的言语ヽ痛彻心扉 2022-03-20 15:25 219阅读 0赞

1.  利用ES6 Set去重（ES6种最常用）

function unique(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','NaN',0,0,'a','a',{},{}]
    
    console.log(unique(arr))
    [1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]

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

2.利用for嵌套for，splice去重（ES5）

NaN和\{\}没有去重，两个null直接消失了

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

3.利用indexOf去重

NaN、\{\}没有去重

新建一个空的结果数组，for 循环原数组，判断结果数组是否存在当前元素，如果有相同的值则跳过，不相同则push进数组。

4.利用sort()

NaN、\{\}没有去重

利用sort()排序方法，然后根据排序后的结果进行遍历及相邻元素比对。

5.利用对象的属性不能相同的特点进行去重

两个true直接去掉了，NaN和\{\}去重

6.利用 includes

\{\}没有去重

7.利用hasOwnProperty

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','NaN',0,0,'a','a',{},{}]
    
    console.log(unique(arr))
    
    [1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}]

所有的都去重了;

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

8.利用filter

function unique(arr){
         return arr.filter(function(item,index,arr){
             //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
             return arr.indexOf(item,0)===index;
         })   
    }
    
    var arr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN','NaN',0,0,'a','a',{},{}]
    
    console.log(unique(arr))
    
     [1, "true", true, 15, false, undefined, null, "NaN", 0, "a", {}, {}]

9.利用递归去重

10.利用Map数据结构去重

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

11.利用reduce+includes

function unique(arr){
       return arr.reduce((prev,cur)=>prev.includes(cur)?prev:[...prev,cur],[]);
    }
    
    var arr=[1,1,'true','true',true,true,15,15,false,false,undefined,undefined,null,null,NaN,NaN,'NaN','NaN',0,0,'a','a',{},{}]
    
    console.log(unique(arr))
    [1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]

12.\[...new Set(arr)\]

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