js处理数据(过滤)

news2024/10/7 14:30:34

复选框的值这里为true或false 选中为true,未选中为false

看看数据:

type中的前面那些字母是固定的不会变 括号里面的不固定,那就把固定的作为前缀去过滤,后面怎么变都无所谓,当checkbox三个值中的某个或某些值为false时,要把数据里面type中的前缀为对应值的数据过滤掉,当变为true时,数据还要回来 所以原数据是不能动的 需要拷贝一下

操作一下:

附过滤的方法!filterOrRestoreByTypePrefix这个方法!

function filterOrRestoreByTypePrefix(data, trueArr, prefixes) {
  let tempData = data.slice();
  const filteredItems = new Map();

  for (let i = 0; i < trueArr.length; i++) {
    const prefix = prefixes[i];
    const shouldFilter = !trueArr[i];

    if (shouldFilter) {
      tempData = tempData.filter((item) => {
        if (item.type.startsWith(prefix)) {
          filteredItems.set(
            item.type,
            (filteredItems.get(item.type) || []).concat(item)
          );
          return false;
        }
        return true;
      });
    } else {
      filteredItems.get(prefix)?.forEach((item) => {
        if (!tempData.some((d) => d.type === item.type)) {
          tempData.push(item);
        }
      });
      filteredItems.delete(prefix);
    }
  }
  return tempData;
}

只要对应传值就好了

看这个方法削微微有点费劲吧,安排个带注释的!

 记录完成!即将迎接愉快的周末!~

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

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

相关文章

Abaqus ORB插件如何解决Abaqus OBD结果文件太大问题

Abaqus OBD 是什么,为何需要Abaqus ORB 插件&#xff1f; Abaqus提供了一种名为OBD&#xff08;Output DataBase&#xff09;的文件格式&#xff0c;该文件格式用于存储有限元分析结果&#xff0c;包括应力、位移等信息。这种格式的文件通常用于Abaqus的后处理分析。 当我们进…

从混乱到有序:SRM系统如何优化工厂采购流程

一、工厂采购管理的重要性 工厂采购管理是企业运营中的关键环节&#xff0c;它直接影响到生产成本、产品质量和市场响应速度。有效的采购管理能够降低成本、提升供应链的灵活性和响应市场变化的能力。在竞争激烈的市场环境中&#xff0c;采购管理的优劣直接关系到企业的竞争力…

简单了解雪花算法

雪花算法是什么 不多解释。看一看 具体是怎么 生产 唯一ID 的。 ID 由多个数据组合拼接成64位&#xff0c;分别是 时间戳 服务器节点ID 序列号&#xff0c;每个数据项占的位数不固定&#xff0c;可以根据实际需求设置。首位 1 个二进制位 是 符号位。 public long allocate(l…

什么样的企业适合运用裂变拉新工具?深入解析

在当今数字化快速发展的时代&#xff0c;裂变拉新工具已成为许多企业吸引新用户、扩大市场影响力的重要手段。然而&#xff0c;并非所有企业都适合运用这种工具。林叔将探讨哪些类型的企业更适合运用裂变拉新工具&#xff0c;并分析其背后的原因。 首先&#xff0c;拥有高度用…

java基于ssm+jsp 高校四六级报名管理系统

1前台首页功能模块 高校四六级报名管理系统&#xff0c;在系统首页可以查看首页、四六级报名、新闻资讯、我的、跳转到后台、在线客服等内容&#xff0c;如图1所示。 图1系统功能界面图 学生登录、学生注册&#xff0c;在注册页面可以填写学号、密码、姓名、学院、班级、手机、…

【Conda】修改 Conda 默认的虚拟环境位置

文章目录 问题描述分析与解决查看默认安装位置修改 .condarc 文件修改权限 参考资料 问题描述 Conda 的虚拟环境默认安装在 C 盘。时间久了&#xff0c;C 盘上的内存会被大量占用&#xff0c;影响电脑性能。于是想到修改虚拟环境的默认存放位置&#xff0c;改到自定义的位置。…

yolov8训练指标解读

Epoch 70/100&#xff1a;表示当前是第70个epoch&#xff0c;总共要训练100个epoch。 GPU_mem 0.879G&#xff1a;表示当前训练过程中使用的GPU内存为0.879 GB。 box_loss 1.057&#xff1a;表示当前epoch的边界框损失&#xff08;bounding box loss&#xff09;为1.057。 c…

React是怎么进行事件处理的

什么是事件&#xff1f; 事件是指一些可以通过脚本响应的页面动作。当用户按下鼠标或者提交一个表单等等时候&#xff0c;事件都会出现。事件处理是一段JavaScript代码&#xff0c;总是与页面中的特定部分以及一定的事件相关联。当与页面特定部分相关联的事件发生时&#xff0c…

Qt制作程序启动界面类QSplashScreen实例测试详解

目录 一、QSplashScreen的概述 二、QSplashScreen静态图片加载 1、主程序实现 2、mainwindow.h实现 3、mainwindows.cpp实现 三、QSplashScreen动态图片加载 1、主程序实现 2、mainwindow.h实现 3、mainwindows.cpp实现 一、QSplashScreen的概述 QSplashScreen&#x…

Talking-Heads Attention

paper&#xff1a;Talking-Heads Attention 在CaiT这篇文章中&#xff0c;作用采用了talking-heads attention&#xff0c;这里做一下解释。 在原始multi-head self-attention中&#xff0c;各个head的计算是独立进行的&#xff0c;多个head的输出最后concat到一起&#xff0…

idea插件开发之如何获取用户输入的变量名(类变量,局部变量等)

写在前面 比如我们要开发一个变量名称补全功能的插件&#xff0c;此时就需要在用户输入时获取当前的最新输入内容&#xff0c;本文就来看下如何来做。 1&#xff1a;开发 首先我们需要创建一个CompletionContributor的子类&#xff0c;还需要一个CompletionProvider的子类来…

【文档+源码+调试讲解】国风彩妆网站springboot

摘 要 二十一世纪我们的社会进入了信息时代&#xff0c;信息管理系统的建立&#xff0c;大大提高了人们信息化水平。传统的管理方式对时间、地点的限制太多&#xff0c;而在线管理系统刚好能满足这些需求&#xff0c;在线管理系统突破了传统管理方式的局限性。于是本文针对这一…

基于STM32的智能温室控制系统

目录 引言环境准备智能温室控制系统基础代码实现&#xff1a;实现智能温室控制系统 4.1 温湿度传感器数据采集4.2 光照传感器数据采集4.3 控制系统实现4.4 用户界面与数据可视化应用场景&#xff1a;智能温室管理与优化问题解决方案与优化收尾与总结 1. 引言 智能温室控制系…

百度文库AI产品“橙篇”:支持10万字长文生成,开启AI创作新篇章

6月19日&#xff0c;百度文库发布了一款创新产品「橙篇」&#xff0c;这一行业首创的产品集成了10万字长文生成及多模态编辑能力&#xff0c;成为首个实现「查阅创编」一站式AI自由创作平台的里程碑。 百度“橙篇”官网&#xff1a; 地址&#xff1a;橙篇AI - 用橙篇&#xf…

iOS政策解读之一丨App提交审核前注意事项必知

大家好&#xff0c;我是小编阿文。欢迎您关注我们&#xff0c;经常分享有关Android出海&#xff0c;iOS出海&#xff0c;App市场政策实时更新&#xff0c;互金市场投放策略&#xff0c;最新互金新闻资讯等文章&#xff0c;期待与您共航世界之海。 iOS企业出海所面临的主要挑战…

nodejs从基础到实战学习笔记-模块化、包

二、模块化 2.1 什么是模块化 模块化是指解决一个复杂问题时&#xff0c;自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说&#xff0c;模块是可组合、分解和更换的单元。 2.1.1 把代码进行模块化拆分的好处 提高了代码的复用性提高了代码的可维护性可以实现按需…

“神刊”CA再回巅峰!2024年JCR正式发布,共21848本期刊,附完整版EXCEL版下载!

2024 年 6 月 20 日&#xff0c;科睿唯安&#xff08;Clarivate Analytics&#xff09;发布了最新的《期刊引证报告》(Journal Citation Reports&#xff0c;JCR&#xff09;&#xff0c;以下简要介绍最新影响因子&#xff08;IF&#xff09;情况&#xff1a; 2023年完整版JCR…

华为手机数据恢复,2个技巧介绍,误删文件后的紧急处理

对于华为手机用户来说&#xff0c;有时候我们会因为误操作或意外情况导致手机数据丢失&#xff0c;这无疑是棘手的。但是别担心&#xff0c;本文将为您推荐一些华为手机数据恢复的实用技巧&#xff0c;帮助您在误删文件后迅速找回丢失的数据&#xff0c;最大程度地减少损失。让…

MS17-010(Eternal blue永恒之蓝)漏洞利用+修复方法

目录 一、漏洞简介 漏洞原理 影响版本 二、漏洞复现 三、复现过程 1、扫描局域网内的C段主机&#xff08;主机发现&#xff09; 扫描结果&#xff1a; 2.使用MSF的永恒之蓝漏洞模块 3.对主机进行扫描&#xff0c;查看其是否有永恒之蓝漏洞 4.准备攻击 四、漏洞利用 …

多目标跟踪 距离的可视化(有动图)

多目标跟踪 距离的可视化&#xff08;有动图&#xff09; flyfish 马氏距离的计算涉及到协方差矩阵的逆&#xff0c;而协方差矩阵的特征值和特征向量决定了数据分布的形状。椭圆的中心是数据的均值向量&#xff0c;椭圆的形状和方向由协方差矩阵的特征向量和特征值决定。椭圆…