欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

对象和数组去重

程序员文章站 2022-06-22 14:06:29
数组去重什么是数组去重,是让数组里面重复消失,用两层循环让他们进行比较,挑选出最大的这是第一种;本人写不是很好,如果看不懂请见谅 var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1]; // 去除数组中重复的数据 for(var i = 0 ;i

数组去重

什么是数组去重,是让数组里面重复消失,
用两层循环让他们进行比较,挑选出最大的
这是第一种;

本人写不是很好,如果看不懂请见谅

      var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1];
      // 去除数组中重复的数据
      for(var i = 0 ;i<arr.length;i++){           //获取arr的长度
          console.log(`第${i+1}次比较`);        //这个是查看比较过程
          for(var j = i+1;j<arr.length;j++){  //里面的i+1;是和下一位比较,是22,
              console.log('i=====',arr[i],'j=====',arr[j]);
              // 如何由重复的 删除后面的元素。
              if(arr[i]===arr[j]){
                  // 重复
                  arr.splice(j,1); // 根据索引 删除一个
                  // 回退到当前的删除元素的位置
                  j--
              }
          }
      }
      console.log(arr);

第二种

原始双层for循环去重

var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1]
      //   var res = []; // 不重复的元素数组
      //   var flag = false;// 表示 res 中是否存在 arr 数组中元素 true 存在 false 不存在
      //   for (var i = 0; i < arr.length; i++) {
      //     // 验证res 中是否存在 arr[i]
      //     for (var j = 0; j < res.length; j++) {
      //         if(arr[i]===res[j]){
      //             // 存在。
      //             flag = true;
      //             // 没必要继续比较。结束比较循环
      //             break
      //         }else{
      //             // 不存在
      //             flag = false;
      //         }
      //     }
      //     // 数据处理
      //     // 如果不存在;将arr[i] 添加到res 中
      //     if(!flag){
      //         res.push(arr[i])
      //     }
      //   }

      //   console.log(res);

用字符串对象indexOf方法查找来实现去重,

 // var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1];
        var res = []; // 目的:只要保证数组中元素式不重复的
        
        for (var i = 0; i < arr.length; i++) {
 
          // 判断 res 中是否存在 arr[i]
          if (res.indexOf(arr[i]) === -1) {
          
            // 如果不存在 将 arr[i] 添加到 res 中
            res.push(arr[i])
          }
        }
        console.log(res);

用数组对象来实现

 // var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1];
      // var res = arr.filter(function(item,index,array){
      //   //   console.log(array);
      //     console.log(array.indexOf(item),'item===',item,'index====',index);
      //   //   array.indexOf(item) !== index   // 当前的item 重复
      //   return array.indexOf(item) === index  
      // })
      // console.log(res);

对象去重

用原始for去重

   var arrObj = [
          { product: "苹果", code: "123", id: 0 },
          { product: "苹果", code: "123", id: 0 },
          { product: "香蕉", code: "133", id: 0 },
          { product: "香蕉", code: "133", id: 0 },
          { product: "苹果", code: "123", id: 0 },
          { product: "苹果", code: "123", id: 0 },
        ];
      // 去除是code 相等的元素
        var res = [];
        var flag = false;
        for(var i = 0;i<arrObj.length;i++){
           // 验证 code 是否存在重复的
           for(var j = 0;j<res.length;j++){
               if(arrObj[i].code===res[j].code){
                   flag = true;
                   break
               }else{
                   flag = false;
               }
           }

           if(!flag){
               res.push(arrObj[i])
           }
        }
        console.log(res);

用函数封装去重

 var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1];
      function unique(array){
        var res = [];
        array.forEach(function(item){
          if(res.indexOf(item)===-1)
          res.push(item)
        });
        return res
      }
      console.log(unique(arr))

本文地址:https://blog.csdn.net/jiangchengnihao/article/details/111134784

相关标签: js api