js匹配正则表达式的方法，正则表达式怎么用

编程之家2026-06-141029次浏览

各位老铁们，大家好，今天由我来为大家分享js匹配正则表达式的方法，以及正则表达式怎么用的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！

js中的正则表达式(2)

紧接着上次的 js中的正则表达式(1),这一文搁在那很久了的,本文为初学者学习笔记心得,适用我这种小白,并不是什么高大尚的内容,您将在本文中看到,如何实现重复字符匹配,子表达式的使用,嵌套以及replace()方法中圆括号内第二个特殊参数的使用,欢迎路过的老师多提意见和指正

可以戳后链接 js中的正则表达式(2)

示例1：

示例2:

示例3:

示例1:

+与*的区别:

+:匹配的是一个或者多个字符(或字符集合),也就是最少要匹配一次,至少有一个或者多个匹配,而*:匹配零个或者任意多个字符(或者字符集合),可以没有匹配

比如下面的两个实例应用区别:电子邮件的匹配规则

示例2:

示例3:

示例1:

小结:问题:

示例1:匹配重复多个字符/x{n}/

示例2:为重复匹配次数设定一个区间/x{m,n}/匹配x字符最少m次,最多n次

示例3:重复匹配0次到n次/x{0,n}/,匹配字符x,0次..n次

示例4:匹配至少重复多少次:给出一个最小的重复次数,不必给出一个最大值/{n,}/至少重复n次,或者必须重复n次或者更多次

贪婪型元字符:*,+,{n,}

懒惰型元字符:*?,+?,{n,}?

概念:对表达式进行分组和归类,也是更大的表达式的一部分,把一个表达式划分为一系列子表达式的目的是为了把那些子表达式当做一个独立元素来使用

方式:子表达式必须用(和)括起来,注意,(左括号和右括号)是元字符,如果想要匹配本身,注意转义(和)

示例1:

子表达式是允许多层嵌套的,没有限制,但是要适可而止,多重的嵌套子表达式可以构造出强大的正则表达式,但是由于层层嵌套,会让正则表达式难以阅读和理解,但硬骨头始终是要啃的,如果进行表达式的拆分,每次只分析和理解一个子表达式,按照先内后外的原则来进行拆分,而不是从第一个字符开始一个字符一个字符的去尝试,也许就会好很多

示例1:匹配一个合法的IP地止

这个模式相当的长而且看着非常繁琐而复杂,是由众多个子表单时嵌套构成,4个子表达式

((\d{1,2})|(1\d{2})|(2[0-4]\d)|(25[0-5])),从左边到右边,(\d{1,2})表示匹配任意一个1位或者两位数字(0-99),(1\d{2})表示的是一个以1开头的任意三位数(也就是100-199),(2[0-4]\d)表示匹配整数200-249,(25[0-5])表示的是匹配整数250-255,上面的长表达式通过|操作符结合成为一个更大的子表达式,其中含义是只需匹配4个子表达式中的任意一个就可以,而后面的 \.用来匹配元字符.本身,而后面的{3}表示需要重复3次,直到最后,数值范围又重复了一次,此次过程省略了 \.用来匹配IP地止里的最后一组数字,通过把4组数字的取值范围限制在0~255之间,这个模式就做到了只匹配合法的IP地止,不匹配非法的Ip地止

小结:

子表达式非常强大,也非常灵活,它是把同一个表达式的各个相关的部分组合在一起从而构成强大的匹配模式,子表达式必须用(右括号和左括号)来定义,并且子表达式可以多层嵌套使用

用途:对重复次数元字符的作用对象做出精准的设定和控制,对|操作符的OR条件做出准确的定义等

对于replace(正则规则,要替换的文本或者功能函数)方法中的第二个参数可以用函数的方式传入,而不只是一个字符串值,在这种情况下,原始字符串中每出现一项匹配的子字符串,都会执行一次该函数,并传入所匹配的子字符串,会使用函数的返回值来替换原子字符:

例如

总结:

整篇文章主要是对上节的一个补充,正则的内容太长了,容易令人看到想吐,主要谈到利用 x+进行重复匹配,也就是元字符加(+)的使用,以及用*匹配零个或多个字符,?:匹配零个或一个字符,只能匹配一个字符,对他们三者做了一个简单的比较,子表达式的使用,嵌套,replace()方法中第二个参数特殊字符的使用,以及作为函数时使用,而在平时当中,第二个参数作为函数处理是很常见的,当然正则是非常强大,远不止这点皮毛,反正我个人觉得,还是挺复杂的,往往通过正则写起来复杂的,用面向过程写法,逻辑更为复杂的,工具用好了,就是神器

js中用什么方法匹配前后的数据

在JavaScript中，可以使用正则表达式来匹配前后的数据。正则表达式是一种用于匹配字符串模式的工具，可以用来检测字符串是否符合特定的模式，并进行相应的处理。

下面是一些常用的正则表达式匹配方法：

match()方法：使用正则表达式来匹配字符串，并返回匹配到的结果数组。例如：

javascriptCopy codevar str="Hello, world!";var pattern=/Hello/;var result= str.match(pattern);console.log(result);//输出 ["Hello"]

test()方法：使用正则表达式来检测字符串是否匹配某个模式，并返回布尔值。例如：

javascriptCopy codevar str="Hello, world!";var pattern=/Hello/;var result= pattern.test(str);console.log(result);//输出 true

search()方法：使用正则表达式来搜索字符串中第一个匹配的子串，并返回其起始位置。例如：

javascriptCopy codevar str="Hello, world!";var pattern=/world/;var result= str.search(pattern);console.log(result);//输出 7

replace()方法：使用正则表达式来搜索并替换字符串中匹配的子串。例如：

javascriptCopy codevar str="Hello, world!";var pattern=/world/;var replacement="universe";var result= str.replace(pattern, replacement);console.log(result);//输出"Hello, universe!"

正则表达式的语法非常灵活和强大，可以根据具体的匹配需求进行定制。需要注意的是，正则表达式中需要使用特殊字符时，需要进行转义，例如使用\来转义特殊字符。此外，可以使用正则表达式的修饰符来指定匹配模式的属性，例如大小写不敏感、全局匹配等。

以上是一些常用的方法，你可以根据具体的需求选择合适的方法来匹配前后的数据。

JS的正则表达式如何使用

这次给大家带来JS的正则表达式如何使用，使用JS正则表达式的注意事项有哪些，下面就是实战案例，一起来看一下。

学好正则表达式很重要，下面是一些关于正则表达式的基本知识整理

\:转义字符

^:匹配字符串开始位置

$:匹配字符串结束位置

*:匹配前面的表达式任意次

+:匹配前面的表达式一次或多次

?:匹配前面的表达式零次或一次

{n}:匹配确定的n次，n为非负整数

{n,}:匹配至少n次，n为非负整数

{n,m}:匹配至少n次，至多m次，n和m均为非负整数且n<=m

(*,+,{n,m})?:非贪婪匹配模式，尽可能少的匹配，例如“z+”可以匹配“zzzzz”，“z+?”只匹配到“z”

.:匹配除

外任何单个字符

(pattern):匹配pattern，并获取匹配，可以获取匹配到的结果，用\1-\9表示，例如“(o)”匹配到“o”，“(o)\1”匹配到“oo”，“(\d{3})\1”匹配到“123123”，不能匹配到“123456”

(?:pattern):非获取匹配，匹配pattern，但不获取匹配结果

(?=pattern):非获取匹配，正向肯定预查，在任何匹配pattern的字符串开始处匹配查找字符串，该匹配不需要获取供以后使用，例如“test(?=123)”能匹配“test123”中的“test”，但不能匹配“test456”中的“test”

(?!pattern):非获取匹配，正向否定预查，在任何匹配pattern的字符串开始处匹配查找字符串，该匹配不需要获取供以后使用，例如“test(?=123)”能匹配“test456”中的“test”，但不能匹配“test123”中的“test”

(?<=pattern):非获取匹配，反向肯定预查，和正向肯定预查类似，方向相反，例如“(?<=123)test”能匹配“123test”中的“test”，但不能匹配“456test”中的“test”

(?<!pattern):非获取匹配，反向否定预查，和正向否定预查类似，方向相反，例如“(?<!123)test”能匹配“456test”中的“test”，但不能匹配“123test”中的“test”

x|y:匹配x或y

[xyz]:匹配包含的任意一个字符

[^xyz]:匹配未包含的任意字符

\b:匹配一个单词边界，例如“on\b”能匹配“location”中的“on”，不能匹配到“component”中的“on”

\B:匹配非单词边界，例如“on\B”能匹配到“component”中的“on”，不能匹配到“location”中的“on”

\d:匹配一个数字字符

\D:匹配非数字字符

\s:匹配任何不可见字符，相当于[\f

\t\v]

\S:匹配任何可见符，相当于[^\f

\t\v]

学好正则不仅可以帮助我们减少代码量，还能解决很多复杂的需求，所以先打好基础才能向高阶攀爬

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！