数据:

table:[
{code:1,value:"哈哈哈",name:"姓名一",age:"23",article:"10001"},
{code:1,value:"哈哈哈",name:"姓名三",age:"23",article:"10005"},
{code:3,value:"哈2",name:"姓名一",age:"25",article:"10003"},
{code:1,value:"哈2",name:"姓名一",age:"25",article:"10006"},
{code:2,value:"嘿2",name:"姓名二",age:"24",article:"10002"}
]

想要的效果:

可以看到相邻的行,我们要把相同值的单元格合并起来,

看代码:

使用vue渲染数据

<table border="1" width="100%"><tr v-for="(item,index) in table" :key="index"><td v-for="(item2,index2) in item" :rowspan="typeof(item2) == 'object'?item2.rowspan:''">{{typeof(item2) == 'object'?item2.setval:item2}}</td></tr></table>

处理方法:

tableset:function(){var _this = this;//记录行合并var rowSpan = 1;var rowIndex = "",colIndex = "";function rowCorce(o){var ss = JSON.parse(JSON.stringify(o));o = JSON.parse(JSON.stringify(o))for(var i =0;i < o.length;i++){//循环行for(var j in o[i]){//循环列//判断是否还有下一行if(o[i+1]){//循环行for(var k= i+1;k<ss.length;k++){//将每行的对应列一一对比if(o[i][j] == ss[k][j]){//保存行和列rowIndex = i;colIndex = j;//行和并自增rowSpan++;//删除下一行相同delete o[k][j];//跳出此次循环continue;}else{//没有相同列时,跳出此次循环break;}}}if(rowSpan != 1){//有相同列时setValue = o[rowIndex][colIndex];o[rowIndex][colIndex] = {};o[rowIndex][colIndex]["rowspan"] = rowSpan;o[rowIndex][colIndex]["setval"] = setValue;rowSpan = 1;}}}_this.table = o;}rowCorce(JSON.parse(JSON.stringify(_this.table)));}

调用:

created:function(){this.tableset();
}

js json数据去重。json数据如何将相邻的一条数据的重复数据删掉,通过key判断值相等的相关推荐

  1. oracle如何删除重复数据第一条,oracle删除重复数据保留第一条记录

    oracle删除重复数据保留第一条记录 1.查找表中多余的重复记录,重复记录是根据单个字段(Id)来判断select * from 表 where Id in (select Id from 表 gr ...

  2. 如何正确的使用一条SQL删除重复数据

    点击上方蓝字关注我 数据库中表存在重复数据,需要清理重复数据,清理后保留其中一条的情况是比较常见的需求,如何通过1条SQL准确的删除数据呢? 1. 创建表及测试数据 1.1 数据库中创建一张测试表 C ...

  3. 机器学习案例:运营商客户流失的数据分析 #数据去重#数据分组整合#缺失值处理#相关性分析#样本平衡#决策树、随机森林、逻辑回归

    运营商客户流失分析 - 飞桨AI Studio 目录 1 数据预处理 1.1 数据集去重 1.2 数据集分组整合 1.3 缺失值处理 1.4 相关性分析 2 样本平衡 3 相关性分析 4 构建模型 4 ...

  4. python数组重复数据去重_JS实现数组去重(重复的元素只保留一个)

    1.遍历数组法 它是最简单的数组去重方法(indexOf方法) 实现思路:新建一个数组,遍历去要重的数组,当值不在新数组的时候(indexOf为-1)就加入该新数组中: var arr=[,,,,,, ...

  5. 千万数据去重_基于 Flink 的百亿数据去重实践

    在工作中经常会遇到去重的场景,例如基于 App 的用户行为日志分析系统,用户的行为日志从手机客户端上报到 Nginx 服务端,通过 Logstash.Flume 或其他工具将日志从 Nginx 写入到 ...

  6. 数据去重的磁盘索引瓶颈

    数据去重索引的磁盘瓶颈问题 周玉坤 yukunzhou2009@gmail.com 摘要:       随着数据量的不断激增,数据去重技术通过删除重复数据节省存储空间和网络传输带宽的,在数据备份系统和 ...

  7. sql left join 去重_混入了一些奇怪的东西?SQL小技巧之数据去重

    大家好,欢迎踏入野生程序猿的生存之道,我是你们的老朋友大猿猿! 今天聊聊数据库里怎样删除重复数据. "重复"的定义 首先咱先明确一下什么叫重复数据,比如你有个表,好比说学生表吧,这 ...

  8. Excel删除重复数据

    1.只有每条数据的所有字段相同才会去重,这里只有满足"姓名"和"成绩"字段都相同才会被认为是重复数据. 2.选中的某条字段相同就去重,这里只要"成绩& ...

  9. 【pandas】dataframe中重复数据比较、筛选、去除等

    当需要的是DataFrame那些重复数据,尤其是要比较重复数据的异同时,就需要将重复数据提取出来时,再关联原数据,并做排序,进行比较. 方法一.主要思路: 1. 采用drop_duplicates对数 ...

最新文章

  1. window.print 固定表头不影响_Excel中的表头,你会处理吗
  2. Mycat 月分片方法 - pursuer.chen - 博客园
  3. Java中Object.equals与String.equals的区别
  4. Consul 入门指南
  5. 使用 WorkManager 管理后台和前台工作
  6. [Node.js]get/post请求
  7. 使用Identity Server 4建立Authorization Server (6) - js(angular5) 客户端
  8. CSS布局奇淫巧计之-强大的负边距
  9. codeigniter view 试图里再引入view视图
  10. java录音程序_record类完成语音信号采集的任务_Android实现语音数据实时采集、播放...
  11. VS2017内使用Coin3d第三方库的配置方法(含库与案例)
  12. 如何调试 chrome插件
  13. My Sunshine
  14. 【SLAM学习笔记】10-ORB_SLAM3关键源码分析⑧ Optimizer(五)sim3优化
  15. DW CS5及CC的部分序列号总结
  16. linux硬盘组合为raid0挂载
  17. FineReport自动数据点提示轮播接口
  18. 从学生到机器视觉工程师,我有话要说!
  19. WMCTF-RE--WMware
  20. 通读cheerio API

热门文章

  1. 全景拍摄—焦距与对焦教程
  2. 《北京DRGs系统的研究与应用》学习笔记
  3. 2022Android各APP免费加固方案评估
  4. 草履虫纳米机器人_草履虫大小的“微型机器人”或许能在人体组织中自由穿梭...
  5. AssertionError: Egg-link *** does not match installed location ***
  6. 关于2021年11月28日PMI认证考试的报名通知
  7. 成长中必知的20个故事[转]
  8. Windows热门的八款绘图软件总有一款是你想要
  9. 如何利用泰勒级数展开式计算数学函数的值(SCL代码)
  10. Linux系列:花括号{}的使用