JS中常见的去重方式

JS中常见的数组去重方式

一、for 循环嵌套，利用 splice 去重（此方法去不了 NaN 和 {}）

此方法是以前在 es5 中，常用、比较实用的方法之一

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

二、构建新数组，使用 indexOf 去重（此方法去不了 NaN 和 {}）

function newArr(arr){
   var arrs = [];
   for(var i = 0;i<arr.length;i++){
       //判断 arrs临时数组里面有没有当前 arr[i] 的值，没有就push 到 新数组里去
       if(arrs.indexOf(arr[i]) == -1){
           arrs.push(arr[i])
       }
   }
   return arrs
}

三、ES6中利用Set去重（此方法去不了 {}）

function newArr(arr){
   return Array.from(new Set(arr))
}
//或者  
...new Set(arr)

四、使用sort排序，然后遍历数组去重（此方法去不了 NaN 和 {}）

function newArr(arr){
   arr = arr.sort();  // 默认升序
   var arr1 = [arr[0]];
   for(var i = 1; i < arr.length; i++){
       if(arr[i] !== arr[i-1]){
           arr1.push(arr[i])
       }
   }
   return arr1
}

五、利用 includes（此方法去不了 NaN 和 {}）

function newArr(arr){
   var newarr = [];
   for(var i = 0;i<arr.length;i++){
       if(!newarr.includes(arr[i])){  // includes 检测数组中是否有这个值
           newarr.push(arr[i])
       }
   }
   return newarr
}

六、利用对象不能具有相同的属性去重(true 直接去完，NaN和 {}去重)

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

七、利用 hasOwnProperty（NaN和 {}去重)

hasOwnProperty 判断是否存在对象属性

function newArr(arr){
   var obj ={};
   return arr.filter(function(item,index,arr){
       return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true)
   })
}

八、利用filter （NaN去重、{}没有）

function newArr(arr){
  return arr.filter(function(item,index,arr){
      return arr.indexOf(item,0) === index;
  }) 
}

剩下的就不一 一 详解了，大概还有 递归、Map ，大家感兴趣 可以去试试，但是我感觉列举的这些就已经满足了日常所需了