您的位置: 首页  >  IT文章  >  js数组去重的方法 ES6 Set去重 双重for循环，然后splice去重  indexOf去重 利用sort() 利用对象的属性不能相同的特点进行去重 利用includes() 利用filter()

js数组去重的方法 ES6 Set去重 双重for循环，然后splice去重  indexOf去重 利用sort() 利用对象的属性不能相同的特点进行去重 利用includes() 利用filter()

分类: IT文章 • 2022-03-09 19:53:32 
     function unRepeat(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(unRepeat(arr))
      //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}] //这种方法无法去掉“{}”空对象

Array.from 将类似数组的对象转为真正的数组
Set 本身是一个构造函数，用来生成 Set 数据结构,它类似于数组，成员的值都是唯一的，没有重复的值。

更简便的写法：

           [...new Set(arr)] //使用扩展运算符

双重for循环，然后splice去重

    function unRepeat(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;
     }
        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(unRepeat(arr))
       //[1, "true", 15, false, undefined, NaN, NaN, "NaN", "a", {…}, {…}]     //NaN和{}没有去重，两个null直接消失了

 indexOf去重

function unRepeat(arr){
if(!Array.isArray(arr)){
　　return
}
var newArr=[];
for(var i=0;i<arr.length;i++){
       if(newArr.indexOf(arr[i])===-1){
           newArr.push(arr[i])
       }
   }
   return newArr
}
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(unRepeat(arr))
   // [1, "true", true, 15, false, undefined, null, NaN, NaN, "NaN", 0, "a", {…}, {…}]  //NaN、{}没有去重

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

利用sort()

function unRepeat(arr){
   if(!Array.isArray(arr)){
       return
   }
   arr.sort()
   var newArr=[arr[0]];
   for(var i=1;i<arr.length;i++){
       if(arr[i]!==arr[i-1]){
           newArr.push(arr[i])
       }
   }
   return newArr;
}
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(unRepeat(arr))
// [0, 1, 15, "NaN", NaN, NaN, {…}, {…}, "a", false, null, true, "true", undefined]      //NaN、{}没有去重

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

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

function unRepeat(arr){
   if(!Array.isArray(arr)){
       return
   }
  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
}
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(unRepeat(arr))
//[1, "true", 15, false, undefined, null, NaN, 0, "a", {…}]    //两个true直接去掉了，NaN和{}去重

利用includes()

function unRepeat(arr){
    if(!Array.isArray(arr)){
        return
    }
    var newArr=[];
    for(var i=0;i<arr.length;i++){
        if(!newArr.includes(arr[i])){
            newArr.push(arr[i]);
        }
    }
    return newArr;
}
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(unRepeat(arr))
    //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {…}, {…}]     //{}没有去重

利用filter()

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

相关推荐