JavaScript之正则表达式学习笔记

发布时间：2020-12-15 01:24:25 所属栏目：C语言来源：网络整理

导读：参考： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions https://juejin.im/post/5b6adc7ee51d4534b8587560 ↑ 这个文章写得真的很好，总结一下为了加深记忆。 http://www.cnblogs.com/zxin/archive/2013/01/26/287776

参考：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

https://juejin.im/post/5b6adc7ee51d4534b8587560

↑ 这个文章写得真的很好，总结一下为了加深记忆。

http://www.cnblogs.com/zxin/archive/2013/01/26/2877765.html

创建正则表达式最好通过字面量创建，把需要匹配的字符写在两条斜线中间，?? reg = /.../?，匹配选项写在后面。

元字符，元字符是在正则表达式中有特殊含义的非字母字符。

???中包含一组字符，表示可以匹配任意一个。

???表示匹配其中不包含的任意一个字符。

???匹配范围内任意一个字母

修饰符：

??: global 全文搜索，不添加，搜索到第一个停止

??: ignore case 忽略大小写，默认大小写敏感

??: multiple 多行搜索，检测字符串中的换行符，主要是影响字符串开始标识符^和结束标识符$的使用

??转义字符

边界字符

??匹配开头

??匹配结尾

??匹配单词边界

??非单词边界

??匹配除了回车符和换行符之外的所有字符，等价于[^rn]

??匹配一个数字。等价于[0-9]

??匹配一个非数字字符。等价于[^0-9]。

??匹配一个换行符

??匹配一个回车符

??匹配一个空白字符，包括空格、制表符、换页符和换行符。

??匹配一个非空白字符。

??匹配一个单字字符（字母、数字或者下划线）。等价于[A-Za-z0-9_]。

??匹配一个非单字字符。等价于[^A-Za-z0-9_]。

??出现零次或一次（最多出现一次）

?出现一次或者多次（至少出现一次）

?出现零次或者多次（任意次）

?出现n次

?出现n到m次

?至少出现n次?

贪婪模式

正则表达式默认是贪婪模式，即每次匹配都尽可能的匹配多的字符，直到匹配失败为止。取消贪婪模式，在量词后面加上'?'即可。?

分组

?( )?

不希望捕获某些分组，只需要在分组内加上'?:'就可以了。

 reg = /(?:Byron)(d{4})-(d{2})-(d{2})/ text = 'Byron2016-12-05'
 result = text.replace(reg,'$2/$3/$1'

或

? | ?

使用

/abc|def/.test('abc'/abc|def/.test('def'/ab(c|d)ef/.test('abcef'/ab(c|d)ef/.test('abdef')

反向引用

表达式在匹配时，表达式引擎会将小括号 "( )" 包含的表达式所匹配到的字符串记录（分组捕获）下来。在获取匹配结果的时候，小括号包含的表达式所匹配到的字符串可以单独获取。

在js中正则匹配成功的字符串可以用$1表示第一次匹配成功，$3表示第三次匹配成功的字符，以此类推至$99

reg = /(d{4})-(d{2})-(d{2})/ text = '2015-12-25' result = text.replace(reg,'$2/$3/$1'

不希望捕获某些分组，只需要在分组内加上'?:'就可以了。

reg = /(?:Byron)(d{4})-(d{2})-(d{2})/ text = 'Byron2016-12-05' result = text.replace(reg,'$2/$3/$1'

正向肯定查找：??

匹配'x'仅仅当'x'后面跟着'y'.这种叫做正向肯定查找。

例如，/Jack(?=Sprat)/会匹配到'Jack'仅仅当它后面跟着'Sprat'。/Jack(?=Sprat|Frost)/匹配‘Jack’仅仅当它后面跟着'Sprat'或者是‘Frost’。但是‘Sprat’和‘Frost’都不是匹配结果的一部分。

正向否定查找???

匹配'x'仅仅当'x'后面不跟着'y',这个叫做正向否定查找。

例如，/d+(?!.)/匹配一个数字仅仅当这个数字后面没有跟小数点的时候。正则表达式/d+(?!.)/.exec("3.141")匹配‘141’但是不是‘3.141’

属性

golbal: 是否全文搜索，默认false

ignoreCase: 是否大小写敏感，默认false

multiline: 多行搜索，默认false

lastIndex: 是当前表达式匹配内容的最后一个字符的下一个位置

source: 正则表达式的文本字符串

lastIndex 只有在全局匹配时生效，否则始终为0，表示上一次匹配到了字符串什么位置。下一次将在lastIndex处开始匹配。

reg = /ab/'abababab') reg.lastIndex reg.test('abcdefg')

lastIndex是循环的，当匹配不到时，就重新变为0

reg = /ab/'abab') reg.lastIndex reg.test('abab') reg.lastIndex reg.test('abab') reg.lastIndex

方法

test() ... 就不解释了常用上面有例子

exec()

未找到返回null

找到返回数组result，数组有两个属性

result.index: 声明匹配文本的第一个字符的位置

result.input: 存放被检索的字符串 String

result[0] 匹配的字符串

result[1]..result[n]... 表示匹配的分组，() 包起来的部分

lastIndex的变化同test

支持正则表达式的 String 对象的方法

search() 这个常用不用说，它总是忽略g

match() 如果是非全局调用，返回结果和exec一样格式……如果是全局调用，就返回所有匹配项，没有其他信息。

split()

replace()

String.prototype.replace(reg,<span style="color: #0000ff;">function);中 <span style="color: #0000ff;">function 的参数含义,<span style="color: #0000ff;">function<span style="color: #000000;"> 会在每次匹配替换的时候调用，有四个参数（第二个参数不固定）：
匹配字符串

正则表达式的分组内容，没有分组则没有该参数、

匹配项在字符串中的 index

原字符串
<span style="color: #0000ff;">var str = 'a1b2c3d4e5'<span style="color: #000000;">;

<span style="color: #0000ff;">var reg = /d/<span style="color: #000000;">g;

<span style="color: #0000ff;">var arr = str.replace(reg,<span style="color: #0000ff;">function<span style="color: #000000;">(match,index,origin){

console.log(index);<span style="color: #008000;">//<span style="color: #008000;"> 1 3 5 7 9

<span style="color: #0000ff;">return parseInt(match) + 1<span style="color: #000000;">;

})

console.log(arr);<span style="color: #008000;">//<span style="color: #008000;">a2b3c4d5e6 把每次匹配到的结果+1替换
<span style="color: #0000ff;">var str = 'a1b2c3d4e5'<span style="color: #000000;">;

<span style="color: #0000ff;">var reg = /(d)(w)(d)/<span style="color: #000000;">g;

<span style="color: #0000ff;">var arr = str.replace(reg,group1,group2,group3,origin){

console.log(match);<span style="color: #008000;">//<span style="color: #008000;"> 1b2   3d4

<span style="color: #0000ff;">return group1 +<span style="color: #000000;"> group3;

})

console.log(arr);<span style="color: #008000;">//<span style="color: #008000;">a12c34e5  去除了每次匹配到的group2

常见正则表达式

数字：^[-]* n位的数字：^ 至少n位的数字：^ m-n位的数字：^ 零和非零开头的数字：^(|[-][-]* 非零开头的最多带两位小数的数字：^([-][-]*)+(.[-]{,})? 带1-2位小数的正数或负数：^(-)?d+(.d{,})? 正数、负数、和小数：^(-|+)?d+(.d+)? 有两位小数的正实数：^[-]+(.[-]{})? 有1~3位小数的正实数：^[-]+(.[-]{,})? 非零的正整数：^[-]d*$ 或 ^([-][-]*){,}$ 或 ^+?[-][-]* 非零的负整数：^-[-][]- 非负整数：^d+$ 或 ^[-]d*| 非正整数：^-[-]d*|$ 或 ^((-d+)|(+ 非负浮点数：^d+(.d+)?$ 或 ^[-]d*.d*|.d*[-]d*|?.+| 非正浮点数：^((-d+(.d+)?)|(+(.+)?))$ 或 ^(-([-]d*.d*|.d*[-]d*))|?.+| 正浮点数：^[-]d*.d*|.d*[-]d*$ 或 ^(([-]+.[-]*[-][-]*)|([-]*[-][-]*.[-]+)|([-]*[-][-]* 负浮点数：^-([-]d*.d*|.d*[-]d*)$ 或 ^(-(([-]+.[-]*[-][-]*)|([-]*[-][-]*.[-]+)|([-]*[-][-]* 浮点数：^(-?d+)(.d+)?$ 或 ^-?([-]d*.d*|.d*[-]d*|?.+|二、校验字符的表达式
1 汉字：^[u4e00-u9fa5]{0,}$
2 英文和数字：^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$
3 长度为3-20的所有字符：^.{3,20}$
4 由26个英文字母组成的字符串：^[A-Za-z]+$
5 由26个大写英文字母组成的字符串：^[A-Z]+$
6 由26个小写英文字母组成的字符串：^[a-z]+$
7 由数字和26个英文字母组成的字符串：^[A-Za-z0-9]+$
8 由数字、26个英文字母或者下划线组成的字符串：^w+$ 或 ^w{3,20}$
9 中文、英文、数字包括下划线：^[u4E00-u9FA5A-Za-z0-9_]+$
10 中文、英文、数字但不包括下划线等符号：^[u4E00-u9FA5A-Za-z0-9]+$ 或 ^[u4E00-u9FA5A-Za-z0-9]{2,20}$
11 可以输入含有^%&',;=?$"等字符：[^%&',;=?$x22]+
12 禁止输入含有~的字符：[^~x22]+

三、特殊需求表达式
1 Email地址：^w+([-+.]w+)@w+([-.]w+).w+([-.]w+)$
2 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?
3 InternetURL：[a-zA-z]+://[^s] 或 ^http://([w-]+.)+[w-]+(/[w-./?%&=])?$
4 手机号码：^(13[0-9]|14[0-9]|15[0-9]|166|17[0-9]|18[0-9]|19[8|9])d{8}$
5 电话号码("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX)：^((d{3,4}-)|d{3.4}-)?d{7,8}$
6 国内电话号码(0511-4405222、021-87888822)：d{3}-d{8}|d{4}-d{7}
7 18位身份证号码(数字、字母x结尾)：^((d{18})|([0-9x]{18})|([0-9X]{18}))$
8 帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
9 密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)：^[a-zA-Z]w{5,17}$
10 强密码(必须包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间)：^(?=.d)(?=.[a-z])(?=.[A-Z]).{8,10}$
11 日期格式：^d{4}-d{1,2}-d{1,2}
12 一年的12个月(01～09和1～12)：^(0?[1-9]|1[0-2])$
13 一个月的31天(01～09和1～31)：^((0?[1-9])|((1|2)[0-9])|30|31)$
14 钱的输入格式：
15 1.有四种钱的表示形式我们可以接受:"10000.00" 和 "10,000.00",和没有 "分" 的 "10000" 和 "10,000"：^[1-9][0-9]$
16 2.这表示任意一个不以0开头的数字,但是,这也意味着一个字符"0"不通过,所以我们采用下面的形式：^(0|[1-9][0-9])$
17 3.一个0或者一个不以0开头的数字.我们还可以允许开头有一个负号：^(0|-?[1-9][0-9])$
18 4.这表示一个0或者一个可能为负的开头不为0的数字.让用户以0开头好了.把负号的也去掉,因为钱总不能是负的吧.下面我们要加的是说明可能的小数部分：^[0-9]+(.[0-9]+)?$
19 5.必须说明的是,小数点后面至少应该有1位数,所以"10."是不通过的,但是 "10" 和 "10.2" 是通过的：^[0-9]+(.[0-9]{2})?$
20 6.这样我们规定小数点后面必须有两位,如果你认为太苛刻了,可以这样：^[0-9]+(.[0-9]{1,2})?$
21 7.这样就允许用户只写一位小数.下面我们该考虑数字中的逗号了,我们可以这样：^[0-9]{1,3}(,[0-9]{3})(.[0-9]{1,2})?$
22 8.1到3个数字,后面跟着任意个逗号+3个数字,逗号成为可选,而不是必须：^([0-9]+|[0-9]{1,[0-9]{3}))(.[0-9]{1,2})?$
23 备注：这就是最终结果了,别忘了"+"可以用""替代如果你觉得空字符串也可以接受的话(奇怪,为什么?)最后,别忘了在用函数时去掉去掉那个反斜杠,一般的错误都在这里
24 xml文件：^([a-zA-Z]+-?)+[a-zA-Z0-9]+.[x|X][m|M][l|L]$
25 中文字符的正则表达式：[u4e00-u9fa5]
26 双字节字符：[^x00-xff] (包括汉字在内，可以用来计算字符串的长度(一个双字节字符长度计2，ASCII字符计1))
27 空白行的正则表达式：nsr (可以用来删除空白行)
28 HTML标记的正则表达式：<(S?)[^>]>.?</&;span style="color: #800080;">1>|<.? /> (网上流传的版本太糟糕，上面这个也仅仅能部分，对于复杂的嵌套标记依旧无能为力)
29 首尾空白字符的正则表达式：^s|s$或(^s)|(s*$) (可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式)
30 腾讯QQ号：[1-9][0-9]{4,} (腾讯QQ号从10000开始)
31 中国邮政编码：[1-9]d{5}(?!d) (中国邮政编码为6位数字)
32 IP地址：d+.d+.d+.d+ (提取IP地址时有用)
33 IP地址：((?:(?:25[0-5]|2[0-4]d|[01]?d?d).){3}(?:25[0-5]|2[0-4]d|[01]?d?d)) (由@飞龙三少提供,感谢共享)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!