js前端实现简单模糊匹配

2023-10-29

实现功能,如图所示:
在这里插入图片描述

Input框中输入要查询字段包含的字符,即可查出想要的结果,
图例:Input中输入QA333,即可查粗出相关结果
代码展示:

 var  queryCondition=[]
 var data = projectdata.map((obj) => { 
 return obj.project_name })            //获取所有的名称
 var reg = new RegExp(project_name);   //Input中输入的名称,作为关键子,此处利用正则表达
 for (let index = 0; index < data.length; index++) {
     if (reg.test(data[index])) {     //检测所有名称中满足要求的名称,此处用test方法,还可用match方法
     var  condition3 = {"project_name" : data2[index]}; //满足要求的名称从新进行赋值
     }
      queryCondition.push(condition3)  //将满足要求的名称放入新的数组
     }

结果

本文是根据自身项目所做的总结笔记,如有问题,欢迎指正!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

js前端实现简单模糊匹配 的相关文章

随机推荐

  • JavaScript replace字符串替换函数的用法

    replace 语法 stringObj replace rgExp replaceText stringObj 必选项 要执行该替换的 String 对象或文字 该对象不会被 replace 方法修改 rgExp 必选项 描述要查找的内容
  • json-lib使用,JSONObject和JSONArray

    原文 http blog csdn net yangbobo1992 article details 8350765 从Object到String 要先用Object对象构造一个JSONObject或者JSONArray对象 然后调用它的t
  • 活动回顾|8月中文社区面对面

    导语 8 月 18 号 Jina AI 举办了 中文社区面对面 活动 本文为分享回顾 1 CLIP as service 比 CLIP 多了哪些更好用的功能 2 Finetuner 的介绍和示例 3 社区明星项目的开发体验和心得 没来得及参
  • layui表单监听下拉选择

    表单监听下拉选择 字符串转数组 var strs new Array 定义一数组 strs data value split 字符分割 form on select test function data suppsID empty cons
  • 龙尚4g模块U9300C在rk3368移植适配记录

    一 模块连接 4g模块在系统中的连接 4g模块是以usb外设的形式进行操作的 二 调试移植过程 1 准备工作 驱动加入 VID 和 PID 根据模块产品型号在 kernel drivers usb serial option c 中 加入
  • DENIED Redis is running in protected mode because protected mode is enabled

    DENIED Redis is running in protected mode because protected mode is enabled 通过客户端 包括redis cli或jedis等方式 连接Redis实例时 出现如下错误
  • 云孚开源情报系统YFINT

    一 YFINT简介 开源情报 Open Source Intelligence 简称OSINT 是指通过分析公开渠道信息所获得的情报 美国 情报分析之父 谢尔曼 肯特曾指出 80 以上的情报都是开源情报 大数据时代信息爆炸式增长 使开源情报
  • python代码——计算披萨大小

    题目 小明楼下新开了两家披萨店 价格都一样 不同的是A家披萨店的披萨是圆形 B家披萨店的披萨是三角形 为了知道 哪家披萨店的披萨面积更大一些 于是就找到你咯 你来帮帮他吧 测试数据包括四个整数 第一个整数是A家披萨店披萨的半径 第二 三 四
  • 多GPU运行PyTorch报错dimension specified as 0 but tensor has no dimensions

    错误信息 dimension specified as 0 but tensor has no dimensions 问题原因 CrossEntropyLoss的输入必须为tensor 不能为scalar 标量 即输入的数据维度不能为Non
  • 编辑器未包含main类型解决方法

    将文件移到 src 这个 Java Source Folder 下面去 现在在外面的 java 文件不会被当成一个需要编译的类 eclipse 不会编译 Java Source Folder 外面的任何 java 文件
  • 单片机通过串口给控制器发送 16进制整数,控制灯带点亮

    直接发送单个字符就可以了 unsigned char a 16 0x5E 0x5F 0xA0 0x01 0x00 0x00 0x0C 0x04 0x00 0x01 0x02 0x00 0x00 0x00 0x5A 0xFE 5E 5F A0
  • BUUCTF WEB笔记之[极客大挑战2019] EasySQL、LoveSQL、BabySQL、HardSQL

    小白一个 记录一下解题过程 如有错误请指正 一 EasySQL 1 这里我们使用一句话万能密码就可以了 记得加上 1 or 1 1 2 登录就可以拿到flag 二 LoveSQL 网页里说用sqlmap是没有灵魂滴 但是还是手痒试了一下 发
  • OC门和OD门概念

    OC门和OD门概念 OC门和OD门 OC 集电极开路 Open Collector OD 漏极输出 Open Drain OC门和OD门是相对于两个器件而言的 OC门是对三极管而言 OD门是对场效应管而言 OC门电路如下所示 Input信号
  • 【计算机毕业设计】74.家教平台系统源码

    一 系统截图 需要演示视频可以私聊 摘 要 21世纪的今天 随着社会的不断发展与进步 人们对于信息科学化的认识 已由低层次向高层次发展 由原来的感性认识向理性认识提高 管理工作的重要性已逐渐被人们所认识 科学化的管理 使信息存储达到准确 快
  • java storm是干什么的_实时计算入门篇-了解storm

    离线计算 最近在了解离线系统 根据自己的了解 以及参考网上的相关资料 总结了相关知识 供刚入门的同学们了解 离线计算 就是批量获取数据 批量传输数据 周期性批量计算数据 数据展示 相信大家在了解实时计算的时候肯定对离线计算有一定的了解了 比
  • 题目 2659:蓝桥杯2022年第十三届省赛真题-统计子矩阵

    题目描述 给定一个 N M 的矩阵 A 请你统计有多少个子矩阵 最小 1 1 最大 N M 满足子矩阵中所有数的和不超过给定的整数 K 输入格式 第一行包含三个整数 N M 和 K 之后 N 行每行包含 M 个整数 代表矩阵 A 输出格式
  • 【CNN时序预测】基于混合卷积神经网络和循环神经网络 CNN - RNN 实现时间序列预测附Matlab代码

    作者简介 热爱科研的Matlab仿真开发者 修心和技术同步精进 matlab项目合作可私信 个人主页 Matlab科研工作室 个人信条 格物致知 更多Matlab仿真内容点击 智能优化算法 神经网络预测 雷达通信 无线传感器 电力系统 信号
  • 解决电脑无法访问某些网站的问题

    解决电脑无法访问某些网站的问题 参考文章 1 解决电脑无法访问某些网站的问题 2 https www cnblogs com chy18883701161 p 10863879 html 备忘一下
  • RUN apt-get 慢

    RUN apt get 慢 在docker 的RUN apt get XXX上一行加上 RUN echo gt etc apt sources list RUN echo deb http mirrors ustc edu cn debia
  • js前端实现简单模糊匹配

    实现功能 如图所示 Input框中输入要查询字段包含的字符 即可查出想要的结果 图例 Input中输入QA333 即可查粗出相关结果 代码展示 var queryCondition var data projectdata map obj