前端模糊匹配方式，前端正则模糊匹配

前端的匹配方式有很多这里简单提供模糊匹配方式：使用 RegExp 函数正则表达式来进行匹配

正则表达式

var list = ['nai','43q','5xn']
var keyWord = 'n'
var arr = []
var reg = new RegExp(keyWord)for(var i = 0; i < list.length; i++) {if(list[i].match(reg)) {arr.push(list[i]);}
}
return arr;

或

var list = ['nai','43q','5xn']
var keyWord = 'n'
var arr = []
var reg = new RegExp(keyWord)list.forEach((item,index) => {if(list[index].match(reg)) {arr.push(list[index]);}
})
console.log(arr);

forEach、for in 、 for of三者的区别： https://blog.csdn.net/one_girl/article/details/80192899

将此模糊匹配放入输入框监听事件中，就可以做到动态的模糊匹配了

  // 输入框操作public changeInput = (e: any) => {const value = e.target.valuethis.setState(() => ({ userName: value }))// this.getPerson({ name: value })// 模糊匹配人名let certsList: any[] = []let reg = new RegExp(value)this.state.certsListAll.forEach((item,index)=>{if (this.state.certsListAll[index].userName.match(reg)) {certsList.push(this.state.certsListAll[index])}})this.setState(() => ({ certsList: certsList }))}

网上还发现了另一种方法

字符串方法indexOf

var arr = [];
for(var i=0;i<list.length;i++){//如果字符串中不包含目标字符会返回-1if(list[i].indexOf(keyWord)>=0){arr.push(list[i]);}
}
return arr;

正则表达式更多参考：

{JS}JavaScript使用正则表达式 https://blog.csdn.net/grueclan/article/details/2153960

https://blog.csdn.net/weixin_45788388/article/details/105842615

MySQL 正则表达式（REGEXP）https://blog.csdn.net/qq_36761831/article/details/82862135

https://blog.csdn.net/weixin_41360448/article/details/81537577

前端模糊匹配方式，前端正则模糊匹配相关推荐

java 正则匹配引号_java 正则贪婪匹配匹配sql语句中的引号内容
public class Demo { public static void main(String[] args) { String sql1 = "use test;select * f ...
python表达匹配_python 中文正则表达匹配
需求:由于某个n年前的工具的错误,在复制一批文件的时候产生了大量的"复件xxxxxxx""复件(2)XXXXX"等类似文件,由于目录结构深,文件多,预计在500 ...
springmvc入门和前端控制器匹配方式url-patten
springmvc是Spring中的web模块,它需要导入spring的核心包和依赖包. springmvc底层是servlet,按照学习servlet的方式去学习它话不多说直接上干货创建web ...
linux 路由匹配原则,Nginx localhost路由匹配规则
URI 即统一标识资源符,通用的 URI 语法格式如下: scheme:[//[user[:password]@]host[:port]][/path][?query][#fragment] 格式说明 ...
oracle正则表达式匹配字母,oracle正则表达式函数匹配
文章介绍了关于oracle正则函数的一些用法,包括匹配等,Oracle10g提供了在查询中使用正则表达的功能,它是通过各种支持正则表达式的函数在where子句中实现的. ORACLE中的支持正则表达式 ...
快速解决正则----模糊匹配、字符类、量词
主体概要正则表达式是什么是匹配模式.要么匹配字符.要么匹配位置内容掌握字符类和量词就能解决大部分常见正则问题关键内容:字符组.量词.贪婪.惰性.模糊.横向.纵向.分支.位置重要的基础 ...
input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo
input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo <!DOCTYPE HTML> <html lang="en"> & ...
利用正则匹配数字后边的字符_图解正则——字符匹配
简介正则表达式是绕不开的,正则的强大是众所周知的,学会它对我们的编程也是有大大的帮助模糊匹配正则表达式之所以强大,就要归功于它的模糊匹配,不能可以匹配不同数量的字符串,还可以匹配不同内容的字符串 ...
dreamweaver 正则表达式为属性值加上双引号_「前端篇」不再为正则烦恼
作者:李一二转发链接:https://mp.weixin.qq.com/s/PmzEbyFQ8FynIlXuUL0H-g 前言有不少朋友都为写正则而头疼,不过笔者早已不为正则而烦恼了.本文分享一些 ...

前端模糊匹配方式，前端正则模糊匹配

前端模糊匹配方式，前端正则模糊匹配相关推荐

最新文章

热门文章