对JSON传输获取到的数据根据id去重并统计

最新推荐文章于 2024-03-25 18:27:32 发布

原创最新推荐文章于 2024-03-25 18:27:32 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #去重

Vue2.x 专栏收录该内容

4 篇文章

订阅专栏

这篇博客介绍如何在获取到的JSON数据中通过id字段进行去重，并提供了实用的方法实现。在Vue项目中，数据被定义在data中，去重操作在methods中定义的函数中完成，并在组件创建时调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue中对JSON传输获取到的数据根据id去重并统计方法

- 说明
- script代码

说明

我也很蒙不过方法是对的可以实用

script代码

data中定义数据

<script>
//data中定义数据
	data() {
			return {
				r:[],
				newarr2:[]
			}
		},
</script>

methods中写方法

<script>
methods: {
//method中定义方法
  uniqueArray(array) {
      var r = [];
      for (var i = 0, l = array.length; i < l; i++) {
        for (var j = i + 1; j < l; j++)
          if (array[i]['agent']['id'] === array[j]['agent']['id'])
            j = ++i;
            r.push(array[i]);
      }

      var newarr2 = new Array(r.length);
      for (var t = 0; t < newarr2.length; t++) {
        newarr2[t] = 0;
      }
      for (var p = 0; p < r.length; p++) {
        for (var j = 0; j < array.length; j++) {
          if (r[p]['agent']['id'] == array[j]['agent']['id']) {
          //根据agent id来进行对比去重
            newarr2[p]++;
          }
        }
      }
      this.r=r;
      this.newarr2=newarr2;
    },
    }
	</script>

created中调用

<script>
           this.uniqueArray(this.company)
           this.dealList = this.r;
           </script>