分类导航

程序笔记发布时间：2019-11-07 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了JavaScript之正则表达式学习笔记，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

参考：

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 多行搜索，检测字符串中的换行符，主要是影响字符串开始标识符^和结束标识符$的使用

转义字符

边界字符

匹配开头

匹配结尾

匹配单词边界

非单词边界

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

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

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

匹配一个换行符

匹配一个回车符

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

匹配一个非空白字符。

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

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

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

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

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

{n} 出现n次

{n,m} 出现n到m次

{n,} 至少出现n次

贪婪模式

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

分组

( )

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

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

或

|

使用

/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'); console.log(result);

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

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

正向肯定查找：

匹配'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

@H_244_0@multiline: 多行搜索，默认false

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

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

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

reg = /ab/'abababab') reg.lasTindex reg.test('abcdefg') false

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

reg = /ab/'abab') reg.lasTindex reg.test('abab') reg.lasTindex reg.test('abab') false 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(str,replaceStr);
String.prototype.replace(reg,);
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}$ 至少n位的数字：^{n,}$ m-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 空白行的正则表达式：\n\s\r (可以用来删除空白行)
28 HTML标记的正则表达式：<(\S?)[^>]>.?</\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)) (由@飞龙三少提供,感谢共享)

大佬总结

以上是大佬教程为你收集整理的JavaScript之正则表达式学习笔记全部内容，希望文章能够帮你解决JavaScript之正则表达式学习笔记所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。