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

vue数组根据某些条件进行二次切割

原本的一个一维数组首先

1.根据depnm和bed的不同会分成不同的数组

2.在条件1的基础上分割出来的数组如果存在里面有isBgn==1的会进行二次分割

比如原数组是[{depnm:1,bed:2,isBgn:0},{}……]

根据条件一会组成一个二维数组得到

[

[①depnm值一致的一个一维数组],

[②bed值一致的一个一维数组],

[③另一个depnm值一致的一个一维数组],//即存在有多种depnm的情况

]

根据条件2在1的基础上二次切割会得到

[

[下标为0~isBgn==1的下标的值的前一个值],//①depnm值一致的一个一维数组

[下标为isBgn==1的下标的值~最后一值],//①depnm值一致的一个一维数组

[②bed值一致的一个一维数组],

[③另一个depnm值一致的一个一维数组],

]

比如①depnm值一致的一个一维数组有10个值,这个数组里面第三个值是isBgn==1,那这个数组会分成两个数组,第一个数组是0-2,第二个数组是3-10

  let obj = {}; // 初始化一个空对象来存储分组后的数据res.data.data.forEach((item) => {// 使用depnm和bed两个字段来构建一个唯一的keyconst key = `${item['depnm']}-${item['bed']}`;// 如果这个key在obj中已经存在,则把当前item添加到对应的数组中// 如果不存在,则创建一个新的数组,并把当前item添加到这个数组中obj[key] ? obj[key].push(item) : (obj[key] = [item]);});// 将obj的values(即分组后的数组)转换为数组,并赋值给this.info// this.info = Object.values(obj);this.info=[]Object.values(obj).forEach(v=>{let indexArr=[0]let result=[]v.forEach((item,index)=>{if(item.isBgn==1&&index!==0){indexArr.push(index)}})indexArr.push(v.length)// 遍历下标数组,根据相邻下标切割原数组for (let i = 0; i < indexArr.length - 1; i++) {let start = indexArr[i];let end = indexArr[i + 1];result.push(v.slice(start, end));}this.info.push(...result)})

res.data.data是最原始的一维数组

Object.values(obj)是条件1得出的二维数组

this.info就是最后条件2得出的二维数组

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

相关文章:

  • Yolov8改进轻量级网络Ghostnetv2
  • 【Spring】@RequestMapping、@RestController和Postman
  • 【深度学习基础模型】回声状态网络(Echo State Networks, ESN)详细理解并附实现代码。
  • Redis的基础认识与在ubuntu上的安装教程
  • 鸿蒙harmonyos next flutter混合开发之ohos工程引用 har 文件
  • react-问卷星项目(5)
  • 08.useInterval
  • 【Android 源码分析】Activity生命周期之onDestroy
  • 增强现实中的物体识别与跟踪
  • 移动端实现下拉刷新和上拉加载(内含案例)
  • Opencv第十一章——视频处理
  • Flutter 3.24 AAPT: error: resource android:attr/lStar not found.
  • C++——输入一个2*3的矩阵, 将这个矩阵向左旋转90度后输出。(要求:使用指针完成。)
  • AI芯片WT2605C赋能厨房家电,在线对话操控,引领智能烹饪新体验:尽享高效便捷生活
  • 详解调用钉钉AI助理消息API发送钉钉消息卡片给指定单聊用户
  • 57 长短期记忆网络(LSTM)_by《李沐:动手学深度学习v2》pytorch版
  • Linux系统安装教程
  • Redis: Sentinel工作原理和故障迁移流程
  • 通信工程学习:什么是IGMP因特网组管理协议
  • 高效批量导入多个SQL文件至SQL Server数据库的实用方法
  • 【树莓派系列】树莓派wiringPi库详解,官方外设开发
  • 前端模块化CommonJs、ESM、AMD总结
  • JavaWeb - 8 - 请求响应 分层解耦
  • 1G,2G,3G,4G,5G各代通信技术的关键技术,联系和区别
  • 【宽搜】2. leetcode 102 二叉树的层序遍历
  • Go语言实现长连接并发框架 - 请求分发器
  • Redis: 集群测试和集群原理
  • 问题解决实录 | bash 中 tmux 颜色显示不全
  • 古典舞在线交流平台:SpringBoot设计与实现详解
  • 五子棋双人对战项目(6)——对战模块(解读代码)