javascript普通数组去重和数组对象去重

迈不过友情╰ 2022-06-10 03:30 243阅读 0赞

简单的js数组去重

var test1 = [1,2,3,4,1,2,'mama'];
    Array.prototype.unique1 = function()
    {var temp = []; // 一个新的临时数组
            //排序sort();
            this.sort(function(a,b){
                return b-a});
            for(var i = 0; i < this.length; i++) // 遍历当前数组
            {
                //判断是否临时数组中有该遍历的元素存在
                if (temp.indexOf(this[i]) == -1) {
                    temp.push(this[i]); // 若不存在，则push到临时数组里面
                }
            }
            return temp;
        }
    console.log('数组排序+去重的实现'+test1.unique1());

数组对象去重

const data = [
          { atc_id: 1, atc_name: '文章1', atc_label: 'jquery' },
          { atc_id: 1, atc_name: '文章1', atc_label: 'javascript' },
          { atc_id: 2, atc_name: '文章2', atc_label: 'jquery' },
          { atc_id: 3, atc_name: '文章2', atc_label: 'javascript' },
        ];
     uniqueObj(objArray) {
        const result = [];// 去重后返回的结果数组
        const temp = {};// 临时对象
        // 将对象数组中每一项的atc_id值作为属性，若temp不拥有此属性时则为temp添加此属性且将其值赋为true，并将这一项push到结果数组中
        for (let i = 0; i < objArray.length; i++) {
          const atc_id = objArray[i].atc_id;
          if (temp[atc_id]) { // 如果temp中已经存在此属性名，则说明遇到重复项
            continue;// 不继续执行接下来的代码，跳转至循环开头
          }
          temp[atc_id] = true;// 为temp添加此属性（atc_id）且将其值赋为true
          result.push(objArray[i]); // 将这一项复制到结果数组result中去
        }
        return result;
      }
      console.log('uniqueObj(data)', uniqueObj(data));

拓展知识：  
由于上面的数据是在数据库中通过多表查询出来的，所以出现了相同atc\_id，不同atc\_label（标签）的文章  
我的目标是拿到唯一的文章和该文章对应的一个或多个标签（atc\_label）；像下图这样：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70]

const data = [
          { atc_id: 1, atc_name: '文章1', atc_label: 'jquery' },
          { atc_id: 1, atc_name: '文章1', atc_label: 'javascript' },
          { atc_id: 2, atc_name: '文章2', atc_label: 'jquery' },
          { atc_id: 3, atc_name: '文章2', atc_label: 'javascript' },
        ];
     uniqueObj(objArray) {
        const result = [];// 去重后返回的结果数组
        const temp = {};// 临时对象
        // 将对象数组中每一项的atc_id值作为属性，若temp不拥有此属性时则为temp添加此属性且将其值赋为true，并将这一项push到结果数组中
        for (let i = 0; i < objArray.length; i++) {
          const atc_id = objArray[i].atc_id;
          if (temp[atc_id]) { // 如果temp中已经存在此属性名，则说明遇到重复项
            continue;// 不继续执行接下来的代码，跳转至循环开头
          }
          temp[atc_id] = true;// 为temp添加此属性（atc_id）且将其值赋为true
          result.push(objArray[i]); // 将这一项复制到结果数组result中去
        }
        return result;
      }
    const temp = uniqueObj(data);
     temp.forEach(item1 => {
       const labelList = [];
       data.forEach(item2 => {
         if (item1.atc_id === item2.atc_id) {
           labelList.push(item2.atc_label);// lb_name
         }
         item1.labelList = labelList;
       });
     });
     console.log('temp2', temp);

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70]: /images/20220610/dc517d86f8284ba58aea896cf24921a0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript 数组去重

//去除数字元素数组 function sortnum(a, b) { return a - b; } Array.prototype

- 日理万妓/ 2024年02月17日 15:15/ 0 赞/ 29 阅读

相关 JavaScript数组去重

目录 1. Set （集合） 2. indexOf 3. 排序，比较相邻元素

Dear 丶/ 2022年11月27日 09:00/ 0 赞/ 151 阅读

相关 JavaScript - 数组去重

<script> var arr = [1,1,1,2,2,3,4,5,6,3,4,2,4,1]; for(var i=0;i<arr.length;i++){ for

逃离我推掉我的手/ 2022年09月05日 12:59/ 0 赞/ 179 阅读

相关 javascript普通数组去重和数组对象去重

简单的js数组去重 var test1 = [1,2,3,4,1,2,'mama']; Array.prototype.unique1 = function(

迈不过友情╰/ 2022年06月10日 03:30/ 0 赞/ 244 阅读

相关 JavaScript数组去重

/ 数组去重方法思路方法 1：新建一个数组，将原数组第一个元素放入，然后从原数组第二个元素开始与新数组内元素比较，相同则放弃，不同则加入新数组 / Arr

拼搏现实的明天。/ 2022年06月03日 07:49/ 0 赞/ 182 阅读

相关数组/对象去重

var arr=[1, 2, 3, 1, 3, '是是', '是是', '2', '测试', '服务', '测试', NaN, NaN, '服务', '服务'];

谁借莪１个温暖的怀抱￠/ 2022年05月20日 09:17/ 0 赞/ 190 阅读

相关 javascript数组去重

let arr = [12, 12, '12', '12', 'abc', true, null, undefined, undefined, [1, 2,

红太狼/ 2022年05月20日 03:34/ 0 赞/ 186 阅读

相关 javascript数组去重

<script type="text/javascript"> //这个数组有很多重复的元素 var arr = [1,2,3,2,2,2,2,

亦凉/ 2022年01月26日 14:31/ 0 赞/ 220 阅读

相关数组对象去重

数组对象去重方法1：利用对象访问属性的方法，判断对象中是否存在key、value const arr = [ {

蔚落/ 2022年01月19日 21:05/ 0 赞/ 268 阅读

相关数组去重（JavaScript）

.将下面这个数组去重（写出3种方法即可） let arr=[1,29,3,1,50,5,10,57,6,5] 1.ES6语法中的set方法成员的值都是唯一的，

待我称王封你为后i/ 2021年07月24日 16:21/ 0 赞/ 513 阅读