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

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.mzph.cn/news/784403.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

I.MX6ULL的MAC网络外设设备树实现说明二

一. 简介 前面一篇文章说明了 I.MX6ULL的MAC网络外设设备树编写时,必需写的属性与可选的属性信息,以及NXP 官方编写的IMX6ULL的MAC网络外设的设备节点信息,文章如下: I.MX6ULL的MAC网络外设设备树实现说明一-CSDN博客 NXP 官方…

this.$route.back()时的组件缓存

1.this.$route.back()回到上一个路径会重新加载 跳转时,前一个路由的内容会被销毁,当回来时,重新创建树,组件内有保存了距离,没有一开始是0. 2.keep-alive写在router-view上面,这个地方所代表的路由会被保存,因此可以写在上面,保存,当返回时,如果是这个路由,里面的内容是一样…

CommunityToolkit.Mvvm----配置

一、介绍: CommunityToolkit.Mvvm 包(又名 MVVM 工具包,以前称为 Microsoft.Toolkit.Mvvm)是一个现代、快速和模块化的 MVVM 库。 它是 .NET 社区工具包的一部分,围绕以下原则生成: 独立于平台和运行时 - …

C语言八大排序(个人笔记)

八大排序 插入排序希尔排序选择排序堆排序冒泡排序快速排序归并排序计算排序 插入排序 基本思想:把待排序的记录按其关键码值的大小逐个插入到一个已经排好序的有序序列中,直到所有的记录插入完为止,得到一个新的有序序列 。 直接插入排序的特性总结&am…

Android进阶学习:移动端开发重点学习的十点,不能再得过且过的写业务代码了

最近有朋友问我:“安卓开发是不是没人要了,除了画 UI 别的都不会怎么办?” 考虑到这可能是很多人共同的疑问,决定简单写一下。 说了很多遍了,**不是安卓开发没人要了,是初级安卓没人要了。**现在还在大量…

Karrier One在Sui上构建无线电话服务

Karrier One计划实现无线连接的民主化,为长期以来一直缺乏稳定服务或根本没有服务的地区提供服务,并为没有传统银行账户的人提供现代支付能力。 但是,将以行动迟缓著称的电信行业引入Web3世界是一项艰巨的任务。Karrier One团队决定利用Sui技…

保研线性代数机器学习基础复习2

1.什么是群(Group)? 对于一个集合 G 以及集合上的操作 ,如果G G-> G,那么称(G,)为一个群,并且满足如下性质: 封闭性:结合性:中性…

【WPF应用24】C#中的Image控件详解与应用示例

在C#应用程序开发中,图像显示是一个常见的需求。无论是创建图形界面还是处理图像数据,System.Windows.Controls.Image控件都是实现这一目标的重要工具。本文将详细介绍Image控件的功能、用法、优化技巧以及一些实际应用示例,帮助开发者更好地…

超强命令行解析工具Apache Commons CLI

概述 为什么要写这篇文章呢?因为在读flink cdc3.0源码的时候发现了这个工具包,感觉很牛,之前写过shell命令,shell是用getopts来处理命令行参数的,但是其实写起来很麻烦,长时间不写已经完全忘记了,现在才发现原来java也有这种工具类,所以先学习一下这个的使用,也许之后自己在写…

速通汇编(三)寄存器及汇编mul、div指令

一,寄存器及标志 AH&ALAX(accumulator):累加寄存器BH&BLBX(base):基址寄存器CH&CLCX(count):计数寄存器DH&DLDX(data):数据寄存器SP(Stack Pointer):堆栈指针寄存器BP(Base Pointer)&#…

红黑树是什么,为什么HashMap使用红黑树代替数组+链表?

前言 我们都知道在HashMap中,当数组长度大于64并且链表长度大于8时,HashMap会从数组链表的结构转换成红黑树,那为什么要转换成红黑树呢,或者为什么不一开始就使用红黑树呢?接下来我们将去具体的去剖析一下!…

java计算机网络(一)-- url,tcp,udp,socket

网络编程: 计算机网络 计算机网络指将地理位置不同的具有独立功能的多台计算机及其外部设备,通过通信线路连接起来,在网络操作系统、网络管理软件及网络通信协议的管理和协调下,实现资源共享和信息传递的计算机系统。 网络协议…

面试碰到的一些问题

总结一下前两天面试没回答好的问题,如有错误,请各位大佬指正: 1. openfeign的底层实现原理? 2.状态机怎么使用?能解决什么问题 1、openfeign的底层实现原理 OpenFeign是一个基于Java的HTTP客户端框架,底层…

0.5米多光谱卫星影像在农业中进行地物非粮化、非农化监测

一、引言 随着科技的发展,卫星遥感技术已经成为了农业领域中重要的数据来源。其中,多光谱卫星影像以其独特的优势,在农业应用中发挥着越来越重要的作用。本文将重点探讨0.5米加2米多光谱卫星影像在农业中的应用。 二、多光谱卫星影像概述 多…

机器学习全攻略:概念、流程、分类与行业应用案例集锦

目录 1.引言 2.从零开始认识机器学习:基本概念与重要术语 3.五步走:掌握机器学习项目执行的完整流程 3.1.问题定义与数据收集 3.2.数据预处理与特征工程 3.3.模型选择与训练 3.4.模型评估与优化 3.5.模型部署与监控 4.深入了解各类机器学习方法…

Python爬虫-懂车帝城市销量榜单

前言 本文是该专栏的第23篇,后面会持续分享python爬虫干货知识,记得关注。 最近粉丝留言咨询某汽车平台的汽车销量榜单数据,本文笔者以懂车帝平台为例,采集对应的城市汽车销量榜单数据。 具体的详细思路以及代码实现逻辑,跟着笔者直接往下看正文详细内容。(附带完整代码…

pnpm比npm、yarn好在哪里?

前言 pnpm对比npm/yarn的优点: 更快速的依赖下载更高效的利用磁盘空间更优秀的依赖管理 我们按照包管理工具的发展历史,从 npm2 开始讲起: npm2 使用早期的npm1/2安装依赖,node_modules文件会以递归的形式呈现,严格…

统计子矩阵(前缀和+双指针)

题目描述 给定一个 N M 的矩阵 A,请你统计有多少个子矩阵 (最小 1 1,最大 N M) 满足子矩阵中所有数的和不超过给定的整数 K? 输入格式 第一行包含三个整数 N, M 和 K. 之后 N 行每行包含 M 个整数,代表矩阵 A. 输出格式 一个整数…

EXCEL VBA 多个表格的处理和操作汇总

EXCEL VBA 多个表格的处理和操作汇总 Sub 需求1()fpath ThisWorkbook.Path & "\"Dim wbdian As WorkbookSet wbdian Workbooks.Open(fpath & "闪电退税返点比例-zxh更新.xls")Dim wb As WorksheetSet wb wbdian.Worksheets(1)Dim dicdian As O…

Django DRF视图

文章目录 一、DRF类视图介绍APIViewGenericAPIView类ViewSet类ModelViewSet类重写方法 二、Request与ResponseRequestResponse 参考 一、DRF类视图介绍 在DRF框架中提供了众多的通用视图基类与扩展类,以简化视图的编写。 • View:Django默认的视图基类&…