当前位置: 首页 > news >正文

前端对数据进行分组和计数处理

js对数组数据的处理,添加属性,合并表格数据。

let data=[{id:'1',group_id:'111'},{id:'2',group_id:'111'},{id:'3',group_id:'111'},{id:'4',group_id:'222'},{id:'5',group_id:'222'}
]let tempData=data;
tempData=tempData.reduce((arr,item)=>{let find=arr.find(i=>i.group_id===item.group_id);let tempObj={...item,rowSpan:1};if(find){find.rowSpan++;arr.push(item);}else{arr.push(tempObj);}return arr;
},[])console.log(data,tempData)

在这里插入图片描述

http://www.lryc.cn/news/329537.html

相关文章:

  • synchronized 和 lock
  • ssh 公私钥(github)
  • LangChain入门:8.打造自动生成广告文案的应用程序
  • AI如何影响装饰器模式与组合模式的选择与应用
  • 【C语言环境】Sublime中运行C语言时MinGW环境的安装
  • Ubuntu18.04 下Ublox F9P 实现RTK (利用CORS服务无需自建基站)
  • springboot+vue在idea上面的使用小结
  • MyEclipse将项目的开发环境与服务器的JDK 版本保持一致
  • 为BUG编程:函数重载的烦恼 char *匹配bool而不是string
  • C++第十四弹---模板初阶
  • C++--内联函数
  • java数组与集合框架(一) -- 数据结构,数组
  • React 应用实现监控可观测性最佳实践
  • 批处理(Batch)把Excel文件xls格式和xlsx格式进行互换
  • Adobe ColdFusion 任意文件读取漏洞复现(CVE-2024-20767)
  • 搜索与图论——Floyd算法求最短路
  • 春招冲刺百题计划--矩阵篇
  • LLM大语言模型(八):ChatGLM3-6B使用的tokenizer模型BAAI/bge-large-zh-v1.5
  • MySQL中的三种日志
  • Codeforces Round 932 (Div. 2)(A,B,C,D)
  • 初识C++ · 入门(2)
  • 【opencv】教程代码 —ShapeDescriptors
  • 2024-03-28 Java8之Collectors类
  • 第116讲:使用Mycat-eye管理Mycat数据库服务
  • XR虚拟直播间,引领创新风潮,打破直播局限!
  • unity双层滑动实现
  • 浅谈AI技术创业有哪些机会?
  • 大数据-TXT文本重复行计数工具
  • 【无标题】331
  • MIT最新研究成果 机器人能够从错误中纠偏 无需编程介入和重复演示