TS+Vue根据不同id从一大堆数据中匹配跟id相同的数据

allres是所有父数据,单个且拥有唯一id

data是根据所有父数据唯一id查到的所有跟它们有关的数据的数组集合,跟据id分类,但是查到的数据是揉在一块的

需要遍历allres父数据,在父数据里遍历data集合,根据父数据的唯一id去和data集合中的flowmeterid做匹配,把data集合中flowmeterid和父数据id相同的数据都提出来分成一组一组的然后操作数据

1.根据所有id吊接口查到跟id有关的所有数据

 let ids = []
    flowmeters.forEach((item) => {
      ids.push(item.id)
    })
    let allres = await GetMeasureliveDataByFlowmeterIds(ids)

2.然后使用allres这个数组去遍历,找出符合条件的数据带入新数组

   let data = []
    allres.forEach((item) => {
      if (item.paramCode == 'FI' || item.paramCode == 'FQ' || item.paramCode == 'TI' || item.paramCode == 'DI' || item.paramCode == 'LIVEZERO') {
        data.push(item)
      }
    })

3.进行数据匹配操作

 for (let index = 0; index < flowmeters.length; index++) {
        const element = flowmeters[index]

        itemRes = []
        data.forEach((item2) => {
          if (element.id == item2.flowmeterId) {
            itemRes.push(item2)
          }
        })
        //每一个流量计的数据的数组
        //每一个itemRes里都是跟A数组id对应的B数组数据的集合
        console.log(itemRes, 'itemRes')


        //找到需要的对象,赋值
        instantaneousFlowObj = itemRes.find((innerItem) => innerItem.paramCode == 'FI')
        cumulativeObj = itemRes.find((innerItem) => innerItem.paramCode == 'FQ')
        temperatureObj = itemRes.find((innerItem) => innerItem.paramCode == 'TI')
        densityObj = itemRes.find((innerItem) => innerItem.paramCode == 'DI')
        activeZeroPointObj = itemRes.find((innerItem) => innerItem.paramCode == 'LIVEZERO')
        // 质量流量 FI
        instantaneousFlow = instantaneousFlowObj ? instantaneousFlowObj.value + instantaneousFlowObj.unit : ''
        // 质量累计量 FQ
        cumulative = cumulativeObj ? cumulativeObj.value + cumulativeObj.unit : ''
        //  温度 TI
        temperature = temperatureObj ? temperatureObj.value + temperatureObj.unit : ''
        // 密度 DI
        density = densityObj ? densityObj.value + densityObj.unit : ''
        // 活零值 LIVEZERO
        activeZeroPoint = activeZeroPointObj ? activeZeroPointObj.value + activeZeroPointObj.unit : ''

     
        
      }

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/632476.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

6个黑科技网站,用过才知真的好!

AI视频生成&#xff1a;小说文案智能分镜智能识别角色和场景批量Ai绘图自动配音添加音乐一键合成视频https://aitools.jurilu.com/ 迅捷画图 网址&#xff1a;weavesilk.com/ 这个网站虽然不怎么好玩&#xff0c;但确实是一个很好用的思维导图和流程图在线制作网站&#xff0…

哪款桌面便签app能帮助我提升工作效率

作为上班族&#xff0c;我们每天都要处理大量的工作事项&#xff0c;从策划方案到处理邮件&#xff0c;每一个环节都需高效且有条不紊。在这样的工作环境下&#xff0c;提升效率显得尤为重要。而选择一款优秀的桌面便签app&#xff0c;无疑是提高工作效率的关键。 桌面便签app…

对话YashanDB CTO陈志标:如何推动国产数据库长远发展

深圳计算科学研究院&#xff08;以下简称“深算院”&#xff09;是深圳市人民政府2018年11月批准建设的“十大基础研究机构”之一&#xff0c;由深圳市科技创新委员会主管、深圳大学举办、深圳市龙华区人民政府共建的二类事业法人单位。 崖山数据库系统YashanDB是深算院完全自主…

[论文笔记]Corrective Retrieval Augmented Generation

引言 今天带来论文Corrective Retrieval Augmented Generation的笔记&#xff0c;这是一篇优化RAG的工作。 大型语言模型(LLMs) inevitable(不可避免)会出现幻觉&#xff0c;因为生成的文本的准确性不能仅仅由其参数化知识来确保。尽管检索增强生成(RAG)是LLMs的一个可行补充…

好易点 | 上海厨卫展首秀人气爆棚,智能阳台备受瞩目

2024年5月14日&#xff0c;第28届中国国际厨房、卫浴设施展览会&#xff08;简称&#xff1a;上海厨卫展&#xff09;在上海盛大开幕。作为厨卫行业的年度盛事&#xff0c;本次展会不仅汇聚了众多国内外知名品牌&#xff0c;更成为了展示前沿五金厨卫臻品的重要平台。其中&…

基于51单片机的非接触式无线红外测温

基于51单片机的无线红外测温 &#xff08;程序&#xff0b;原理图&#xff0b;设计报告&#xff09; 功能介绍 具体功能&#xff1a; 1.采用红外温度传感器测温并用LCD1602显示&#xff1b; 2.按键为启动按键、保存按键、显示数据按键&#xff0c;可以实现对温度数值的控制…

vue3中实现简繁体转换

由于项目在大陆和台湾同胞同步使用&#xff0c;因此需要实现中文的简繁体转换&#xff0c;实现输入简体&#xff0c;能搜索出简体和繁体的相关内容&#xff0c;输入繁体&#xff0c;也能搜索出简繁体相关内容。忽略简繁体&#xff0c;扩大搜索范围。 引入插件&#xff1a; np…

第八篇 Asciidoc 输出 All In One HTML 解决图片无法显示问题

问题:我的图片显示不出来了 小明使用 Asciidoc 来记笔记,他将笔记输出为 HTML 文件。小丽向小明借笔记。小明将 Asciidoc 笔记输出为 HTML文件,并拷贝给了小丽。 但是,小丽发现,图片都显示不出来了。 小丽:小明,你给我的笔记,图片都显示不出来啊。 小明:是我给你的…

【数据结构】堆排序和Top-K问题(超详细)

文章目录 堆排序向上调整建堆向下调整建堆堆排序调整过程 Top-K问题 堆排序 排升序要建大堆&#xff0c;排降序要建小堆&#xff08;这里以排升序为例&#xff09; 排序思想&#xff1a; 1.首先将待排序的n个数建成大堆&#xff08;此时堆顶是n个数里最大的&#xff09;. 2.将…

杨校老师项目之基于SpringBoot+Shiro+Vue的企业人事管理系统

1.获取代码&#xff1a; 有偿获取&#xff1a;mryang511688 2.技术栈 后端 SpringBoot MySQL mybatis-plus shiro Redis 前端 Vue Element-UI 3.开发环境 JDK1.8、Maven3.5.4、MySQL5.7、Redis5.0.5、IntelliJ IDEA、nodejs 4.内置功能 Springboot的项目&#xff0c;…

解锁音频转换:分享5款视频转换mp3的软件(新手必看)

在当今数字化时代&#xff0c;视频转换为MP3音频的需求日益增长&#xff0c;无论是提取音乐、制作音频剪辑&#xff0c;还是享受视频中的声音&#xff0c;都需要一款高效、易用的转换工具。 然而&#xff0c;在众多的选择中&#xff0c;如何找到适合自己的视频转换mp3的软件可…

抓包数据拓展_小迪网络安全笔记

一.Request请求数据包数据格式: 1.请求行:包括请求类型/请求资源路径.协议版本和类型; 例: 2.请求头:一些键值对,浏览器与web服务器之间都可以发送,特定某种含义;yi 3.空行:请求头与请求体之间用空行隔开; 4.请求体:要发送的数据(一般post提交会使用);例如:user123&pass…

⭐️宁波ISO14000认证:⭐️成就“绿色环保”王者之路⭐️

&#x1f308;宁波ISO14000认证&#xff1a;&#x1f498;成就“绿色环保”&#x1f432;王者之路&#x1f34e; &#x1f936;宁波ISO14000认证&#xff1a;&#x1f42f;铸就环保先锋&#xff0c;&#x1f984;引领绿色发展新征程&#x1face; &#x1f682;宁波&#xff0c…

STL <string>--------String的OJ题目

1.题目截图&#xff08;把字符串转换成整数----atoi&#xff09; 1.1题目解析&#xff08;在代码里&#xff09; class Solution { public:int myAtoi(string str) {// 100% 97.45% int len str.size();if(len 0)return 0;int i 0, flag 1, isSignal 0, res 0;while(…

香港人才引进落户条件有哪些?香港优才计划详细介绍!

香港人才引进落户条件有哪些&#xff1f;港府优才计划详细介绍&#xff01; 拿到香港身份&#xff0c;不管是在内地还是在香港亦或是在海外&#xff0c;优势福利都特别多&#xff0c;成为了广大中产的追求。因为香港身份对于子女升学、住房、税收、养老等方面都有很大优势&…

【2024】最新微信小程序商城源码开源版 多用户无限多开+15大功能模块

随着微信小程序市场的蓬勃发展&#xff0c;越来越多的商家和企业意识到了微信小程序作为线上销售平台的重要性。为了满足广大用户的需求&#xff0c;分享一款2024年最新微信小程序商城源码开源版&#xff0c;该版本不仅支持多用户无限多开&#xff0c;还集成了15大功能模块&…

开发调试,远程访问内容、AI项目远程访问,需要的福利

下载地址 Windows 64位 (切勿直接在压缩文件中操作,全部解压到一处后再操作,请关闭某60(会胡乱拦截),可用其他任意安全软件)Mac OS X 64位 (给fastnat执行权限 chmod x ./fastnat_darwin_amd64 终端运行二进制,自行百度,当然建议使用docker方式安装)Linux 64位 (给fastnat执行…

5W 3KVAC隔离 宽电压输入 AC/DC 电源模块——TP05AL系列

TP05AL系列产品是一款经济型开板式开关电源&#xff0c;输出功率为5W&#xff0c;具有可靠性高、小体积、性价比高等特点&#xff0c;广泛用于工控和电力仪器、仪表、智能家居等相关行业。

微服务(Spring Clould)--Nacos的安装、配置

简介&#xff1a;&#xff08;取自官网&#xff09; Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service的首字母简称&#xff0c;一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。 Nacos 致力于帮助您发现、配置和管理微服务。Nacos 提供了…

【CTF Web】NSSCTF 3863 [LitCTF 2023]导弹迷踪 Writeup(JS分析+源码泄漏+信息收集)

[LitCTF 2023]导弹迷踪 你是一颗导弹&#xff0c;你需要&#xff0c;飞到最后&#xff01;&#xff08;通过6道关卡就能拿到flag哦~ Flag形式 NSSCTF{} 出题人 探姬 解法 查看网页源代码。 flag 应该在这些文件里面。 <!-- Game files --><script type"applicat…