js-正则不连续匹配

最新推荐文章于 2024-11-27 08:02:59 发布
原创 最新推荐文章于 2024-11-27 08:02:59 发布 · 2.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#正则 #问题推荐

在搜索或推荐场景中，需突出显示与用户输入相匹配的文本。使用JavaScript正则匹配方法，可以找到后台返回数据中与用户输入相符的部分，并为其设置红色高亮。通过代码和示例图，展示了具体的实现过程。

搜索或者推荐内容时候，拿到的数据需要和用户输入的数据对比，把从后台返回的数据中涉及到用户输入的字符给特殊样式，我是利用正则匹配，匹配到的给一个红色。

代码：

      const reg = new RegExp(`[${
     
     this.question}]`, 'g')		// 匹配规则
      const replaceStr =
最低0.47元/天 解锁文章
前端 -- 正则表达式匹配双引号常用例子：从入门到放弃！
喵手的博客
04-21 1290
哈喽，各位小伙伴们，你们好呀，我是喵手。运营社区：C站/掘金/腾讯云/阿里云/华为云/51CTO；欢迎大家常来逛逛
JS---正则表达式01
zyt0502的博客
08-30 2437
JS中正则表达式的基础知识，希望对读者有所帮助~
JS密码正则验证(不能连续字符（如123、abc）连续3位或3位以上)(不能相同字符（如111、aaa）连续3位或3位以上)
qq_49080170的博客
08-04 4578
JS密码正则验证(不能连续字符（如123、abc）连续3位或3位以上)(不能相同字符（如111、aaa）连续3位或3位以上)
js正则表达式不包含某些连续的字符串
Donny的专栏
02-27 4241
<!-- // input里面不允许包含：初中、中学、初级中学这三个词语 var input = "C 初a中，，，高a中 初级中学"; var r = /(?!.*初中|.*中学|.*初级中学)^.*$/; alert(r.test(input)); //-->
php正则表达不连续的多个字符（类似mysql的模糊匹配）
zhangxy
08-28 684
//如下：我需要判断当前链接是否包含4g.6713和sg01 $url = 'http://4g.67137777.com/special/20190709.html#sj-bensheng-sichuan-sg01-c066-jzxfy-yiwen-gjc0459161'; if(preg_match('/4g.6713.*sg01/',$url,$matches2) > 0){ dump($matches2); } //注： preg_match()会返回符合条件的个数 ...
正则取出字符串中不连续的符合条件的字符
alex_wen2014的博客
04-04 835
我们知道在正则中如果要取出一串字符串中连续的字符可以使用?、+、*、{}等元字符 比如："432efwklej5431"中我需要取出"efwklej"只需要[A-Za-z]+就可以实现效果。 public class r { public static void main(String[] args) { String s = "432...
the-book-of-ruby-正则表达式
09-20
- `.js` 文件通常包含 JavaScript 代码，而 `index.js` 可能是某个项目的入口文件。 - `package-lock.json` 和 `package.json` 文件与 Node.js 的 npm 包管理器有关，用于描述项目的依赖关系。 - `.eslintrc.json` ...
js代码-正则处理-驼峰化，中线化
07-15
在JavaScript中，我们可以使用正则表达式和字符串方法来实现驼峰化： ```javascript function toCamelCase(str) { return str.replace(/[-_]+(\w)/g, function (_, match) { return match.toUpperCase(); }); } ...
JS中误用/g导致的正则test()无法正确重复执行
乡村的博客
11-19 432
一个简单的利用正则判断输入是否为数字: input1 = '0281234567'; input2 = '0282345678'; var reg = /^\d+$/g; reg.test(input1); //true reg.test(input2); //false 发现第二次test的时候返回的值不对了.排除书写错误,取值失败等等各种干扰因素后,发现仅仅是reg正则第二次执行的时候就无法正确执行了.之前并未遇到过这个问题,便搜索了一下相关信息. 原来这个问题实际上是/g导致的,而此时也才发现,
正则校验，中间不能连续出现
qq_52685664的博客
11-09 2703
1、逗号分隔中英文字符串，不能在首尾出现，中间有且仅有一个逗号 const reg = /^(?!,)(?!.*,$)[\u4e00-\u9fa5a-zA-Z]+(?:[,][\u4e00-\u9fa5a-zA-Z]+)*$/g; const reg = /^(?!,)(?!.*,$)[\u4e00-\u9fa5a-zA-Z]+(?:[,][\u4e00-\u9fa5a-zA-Z]+)*$/g; if (reg.test(value)) { callback();
6位不连续、不相同纯数字的正则表达式
宁静的小孩的博客
07-08 1万+
很多客户严格要求密码格式问题，我这里提供下纯数字的6位不连续、不相同的密码正则表达式 例如：“123456”，“654321”，“111111”都是不符合规则的 //数字不是连续的 String regres = "^(?:(\\d)(?!((?<=9)8|(?<=8)7|(?<=7)6|(?<=6)5|(?<=5)4|(?<=4)3|(?<=3)2|(?...
正则表达式应用“如何判断字符串中不包含连续重复的数字或者字母”？
热门推荐
Coding home - 漂流瓶jz
12-24 1万+
正则表达式是用来查找、判断、替换字符串的一类工具。是很有意思的内容。很多编程语言都支持正则表达式，而且使用形式都大同小异。 1.前置知识：如何学习正则 这篇文章的内容需要有正则表达式的知识，如果没学过正则表达式的同学，可以看一下这个教程，我觉得写的很好： 《正则表达式30分钟入门教程》 https://deerchao.cn/tutorials/regex/regex.htm 正则表达式用来测试也非常简单，直接打开浏览器的console界面，用Javascript测试即可： 用Javascr
JS使用split分割字符串并应用正则匹配
梦想空间
05-20 5410
近期，由于项目要求，对JS分割字符串进行了实践，下面写一下这方面的心得体会 项目中，我使用的是在前端输入一个由逗号（“，”）分割的字符串，比如：string1,string2,string3,.......，然后JS读取这个textarea中的输入，分割出string1,string2,string3...，其中关于split函数的使用方法和正则匹配就不多说了，网上这方面的资料很多，下面就把我的
js实现关键字匹配
五菱包工头
05-25 3736
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;js实现关键字匹配&lt;/title&gt; &lt;style&gt; *{padding:0;margin:0;} #box{width:4
正则表达式
洪布斯的博客
11-06 945
正则表达式:regularexpression(reg) 在开发过程中，要经常处理一些字符串匹配和搜索都需要匹配当前字符串内容，这个时候需要用到正则表达式。 在js当中正则是一个对象 两种创建正则的方法： 构造函数创建正则，参数是正则的字符串 var r1 = new RegExp("\d"); 字面量创建:直接将字符串写在//中间 基础格式： 1. 匹配一个数字字符。等价于[...
JavaScript 关键字快速匹配
weixin_34178244的博客
01-08 439
来源： http://www.cnblogs.com/index-html/archive/2013/04/17/js_keyword_match.html http://www.etherdream.com/funnyscript/Keyword/Keyword.html  适用于多关键字、大文本匹配，若关键字只有一个，则只是最朴素的字符串匹配（逐个匹配），没显示作用。 var ...
正则表达式(JAVA)
liutao3233的博客
10-08 2506
java正则表达式
使用js判断给定的一组数字是否连续
王铁柱666的博客
11-27 488
注意：这个函数假设数组中的数字都是整数，并且不考虑重复的数字。如果数组中可能包含重复的数字，并且你希望重复的数字不影响连续性的判断（即，只要排序后相邻的数字之间没有“跳跃”，就认为它们是连续的），那么上面的函数已经足够使用。如果你希望重复的数字导致函数返回。，你需要在遍历过程中添加额外的检查来处理这种情况。
vue-router 正则匹配 = 12345654
最新发布
01-22
### Vue-Router 正则表达式路径匹配 在 Vue Router 中，可以通过特定的语法结构实现基于正则表达式的路径匹配功能。对于希望捕捉不确定长度或模式变化较大的URL部分来说尤为有用。 当需要定义能够接受多种可能性输入作为合法访问地址的情况时，可以在配置路由规则的时候利用带有正则表达式的动态段来增强灵活性[^1]。例如： ```javascript const routes = [ { path: '/user/:id(\\d+)', component: User, }, ]; ``` 上述代码片段展示了如何设置仅允许数字形式ID值通过的方式。这里`(\d+)`即为内嵌于参数名后的正则条件，限定`:id`只接收连续的一个及以上阿拉伯数字组成的字符串[^2]。 而针对更加复杂的需求场景——比如想要创建一条可以抓取除已知具体映射之外所有请求的一般化处理逻辑，则可通过如下方式达成目的: ```javascript { path: '/:pathMatch(.*)', name: 'NotFound', component: () => import('@/views/NotFound.vue') } ``` 此处在`:pathMatch`之后附加了`(.*?)`这样的通配符样式，意味着无论后续跟随怎样的字符组合都将被该条目所接纳并导向至相应组件页面显示。值得注意的是，为了确保此类宽泛型规则不会意外干扰到其他正常业务流程中的精确指向关系，通常建议将其放置在整个路由表的最后一项位置上考虑。 此外，在实际开发过程中应当谨慎评估采用何种程度上的模糊度来进行路径解析工作，因为过度依赖非严格的匹配策略可能会带来意想不到的问题或是降低整体系统的响应效率[^5]。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值