正则表达式在前端的开发中,使用面范围比较多,比如检查用户名字是否合法,基本上字符串的操作首选是用正则表达式,一些js库中,对正则表达式也是用尽了各种各样的方法,比如Jquery和baidu的tangram库,里面有很多的正则表达式的妙用,其实万变不离其宗,我们主要掌握正则表达式的一些核心的东西,去分析这些正则的用法,便会揭穿正则的真面目。
1)核心:正则中的元字符:( , ) . , ? ,[ , ] ,*,+, ^, $,{, },\ , | 。什么是元字符呢 ?通俗的讲就是这些字符你是不能直接用的,在正则中有特殊的意义。如果你要使用它们,那么你就必须要用转义字符 "\" , 关于转义字符,有两种方式,在/reg/的这种方式下,只需要一个"\"的,但是在RegExp的这种形式下,必须有2个"\\"的形式,我们有时候在代码中看到\x24 的这种形式,这是什么呢?其实就这个就是$字符的unicode的形式,对应其他的一些字符的unicode的形式分别为:\x51==^ , \x28=( , \x29==),\x2a==* ,\x2b==+ , \x2e==. , \x3f==?,x\5b ==[ , x\5d == ] , \x7b = { , \x7d == },\x5c == \ , \x7c == | , .
2 ) 正则表达式的优先级:从上到下依次降低。
操作符 |
描述 |
\ |
转义符 |
(), (?:), (?=), [] |
圆括号和方括号 |
*, +, ?, {n}, {n,}, {n,m} |
限定符 |
^, $, \anymetacharacter |
位置和顺序 |
| |
“或”操作 |
3)贪婪模式和非贪婪模式 :贪婪模式尽量匹配更多的字符,默认的就是贪婪模式,而非贪婪模式是尽量匹配更少的字符
4)正则表达式符号的解释(整理)
字符 描述
\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。
^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 '\n' 或 '\r' 之后的位置。
$ 匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性,$ 也匹配 '\n' 或 '\r' 之前的位置。
* 匹配前面的子表达式零次或多次。例如,zo* 能匹配 "z" 以及 "zoo"。* 等价于{0,}。
+ 匹配前面的子表达式一次或多次。例如,'zo+' 能匹配 "zo" 以及 "zoo",但不能匹配 "z"。+ 等价于 {1,}。
? 当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如,对于字符串 "oooo",'o+?' 将匹配单个 "o",而 'o+' 将匹配所有 'o'。
. 匹配除 "\n" 之外的任何单个字符。要匹配包括 '\n' 在内的任何字符,请使用象 '[.\n]' 的模式。
{n} n 是一个非负整数。匹配确定的 n 次。例如,'o{2}' 不能匹配 "Bob" 中的 'o',但是能匹配 "food" 中的两个 o。
{n,} n 是一个非负整数。至少匹配n 次。例如,'o{2,}' 不能匹配 "Bob" 中的 'o',但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。
\b 匹配一个单词边界,也就是指单词和空格间的位置。例如, 'er\b' 可以匹配"never" 中的 'er',但不能匹配 "verb" 中的 'er'。
\B 匹配非单词边界。'er\B' 能匹配 "verb" 中的 'er',但不能匹配 "never" 中的 'er'。
\cx 匹配由 x 指明的控制字符。例如, \cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则,将 c 视为一个原义的 'c' 字符。
\d 匹配一个数字字符。等价于 [0-9]。
\D 匹配一个非数字字符。等价于 [^0-9]。
\f 匹配一个换页符。等价于 \x0c 和 \cL。
\n 匹配一个换行符。等价于 \x0a 和 \cJ。
\r 匹配一个回车符。等价于 \x0d 和 \cM。
\s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。
\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。
\t 匹配一个制表符。等价于 \x09 和 \cI。
\v 匹配一个垂直制表符。等价于 \x0b 和 \cK。
\w 匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。
\W 匹配任何非单词字符。等价于 '[^A-Za-z0-9_]'。
\xn 匹配 n,其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如,'\x41' 匹配 "A"。'\x041' 则等价于 '\x04' & "1"。正则表达式中可以使用 ASCII 编码。.
\num 匹配 num,其中 num 是一个正整数。对所获取的匹配的引用。例如,'(.)\1' 匹配两个连续的相同字符。
\n 标识一个八进制转义值或一个向后引用。如果 \n 之前至少 n 个获取的子表达式,则 n 为向后引用。否则,如果 n 为八进制数字 (0-7),则 n 为一个八进制转义值。
\nm 标识一个八进制转义值或一个向后引用。如果 \nm 之前至少有 nm 个获得子表达式,则 nm 为向后引用。如果 \nm 之前至少有 n 个获取,则 n 为一个后跟文字 m 的向后引用。如果前面的条件都不满足,若 n 和 m 均为八进制数字 (0-7),则 \nm 将匹配八进制转义值 nm。
\nml 如果 n 为八进制数字 (0-3),且 m 和 l 均为八进制数字 (0-7),则匹配八进制转义值 nml。
\un 匹配 n,其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如, \u00A9 匹配版权符号 (?)。
x|y 匹配 x 或 y。例如,'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 则匹配 "zood" 或 "food"。
[xyz] 字符集合。匹配所包含的任意一个字符。例如, '[abc]' 可以匹配 "plain" 中的 'a'。
[^xyz] 负值字符集合。匹配未包含的任意字符。例如, '[^abc]' 可以匹配 "plain" 中的'p'。
[a-z] 字符范围。匹配指定范围内的任意字符。例如,'[a-z]' 可以匹配 'a' 到 'z' 范围内的任意小写字母字符。
[^a-z] 负值字符范围。匹配任何不在指定范围内的任意字符。例如,'[^a-z]' 可以匹配任何不在 'a' 到 'z' 范围内的任意字符。
5)应用:
5.1 两种形式的定义(使用一个字面的形式和使用正则表达式构造函数的形式,如:RegExp):
例如: var re = /ab+c/; 等价于 var re = new RegExp("ab+c");
这两种当时等价。
5.2 正则表达式的使用: 2个正则表达式特有的方法reg.exec() reg.test(),4个字符串的方法 match,replace,search,split.下面对这几个方法描述下
方法 | 描述 |
---|
exec | 在字符串中执行一个搜索的匹配,返回一个数组格式 |
test | 在字符串中执行一个测试的匹配,返回布尔值(true和false) |
match | 字符串的方法,执行一个搜索的匹配,返回一个数组或null |
search | 字符串的方法, 执行一个测试的陪陪,返回匹配的索引值,如果失败,返回-1 |
replace | 字符串的方法,执行一个搜索的匹配,使用字符串取代匹配到的字符串. |
split | 字符串的方法,使用一个正则表达式或者字符串分割字符串,返回数组
|
举例说明:
1.exec
var myRe = /d(b+)d/g;
var myArray = myRe.exec("sdbbbbbbddbbdf");
结果:dbbbbbbd,bbbbbb。结果本应该是:dbbbbbbd,bbbbbb, dbbd,bb 可见,该方法是执行一次,即使是后面添加g
2 test
var myRe = /d(b+)d/g;
var myArray = myRe.test("sdbbbbbbdbbdf");
结果返回 true。
3 match
var myRe = /d(b+)d/g;
var myArray ="sdbbbbbbddbbdf".match(myRe);
结果返回: "dbbbbbbd", "dbbd"
4 replace
var myRe = /d(b+)d/g;
var myArray ="sdbbbbbbddbbdf".replace(myRe,#);
结果返回: "s##f"
6)如何分析正则表达式呢?碰到正则的时候不要在网上查找,现在网上有很多的人都总结了,匹配各种问题的正则表达式。有的同学也收藏了这些,碰到问题的时候,就直接去抄过来。
其实这样不好,并没有提高正则表达式的能力。因此,我们在碰到表达式的问题的时候,要冷静下来自己分析,一个一个的来。久而久之,这样,就会提高自己的正则表达式处理问题的能力 。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)