平常在做一些字符串匹配操作的时候,经常会使用到正则表达式。然而,正则表达式规则都不太好记,每次要编写相关代码的时候,都只能上搜索引擎。久而久之,效率必然受到影响。因此,还是要做一次系统的学习,并做好相关练习,尽量在编写一些常用的正则表达式的时候,能随手写出。
基础语法
在JS中,正则表达式(RegExp)是内置对象,通常使用在String
的match
,replace
,search
等方法中。
创建一个正则对象采用如下语法:
/pattern/flags
或者
new RegExp(pattern, [flags])
其中,pattern是正则表达式的内容,即用来匹配字符串的模式,flags是标志,包括g(全局匹配,可记忆为global),i(忽略大小写,可记忆为ignoreCase),m(多行模式,multiline),u(unicode)等。
Pattern中的特殊字符
这一部分,由于特殊字符没有什么特别好的记忆方式,只能硬记和多多练习了。
字符 | 含义 |
---|---|
. | 匹配任意单个字符,不包括换行符 |
\d |
匹配一个数字字符, 等价[0-9]
|
\D |
匹配一个非数字字符,等价[^0-9]
|
\w |
匹配一个字符数字字符包括下划线,等价[A-Za-z0-9_]
|
\W |
匹配一个不是(字母数字字符)的字符,等价[^A-Za-z0-9_]
|
\s |
匹配一个空白符 (space),包括空格,制表符等 |
\S |
匹配一个非空白符 |
\t |
匹配制表符(tab) |
^ |
匹配输入/字符串的开始 |
$ |
匹配输入/字符串的结束 |
\b |
匹配一个zero-width word boundary,如一个字母和一个空格之间,/\bno/匹配'at noon'中的'no' |
\B |
非单词边界,与上面相反 |
\n |
n为整数,表示反向引用,如/h(\d)e\1/ 其中\1 就引用了(\d) ,相当于/h\de\d/
|
* |
匹配前一个表达式0次或多次,等价于{0,} |
+ |
匹配前一个表达式1次或多次,等价于{1,} |
? |
匹配前一个表达式1次或0次,等价于{0,1} |
x| y | 匹配x或者y |
{n} |
n为正整数,匹配前一个字符n次 |
{n,m} |
最少n次,最多m次 |
(?:x) |
非捕获括号,如/(?:foo){1,2}/ 将对'foo'整个单词进行匹配,而不是如/foo{1,2} 一样只对o 字符匹配 |
x(?=y) |
正向肯定查找,匹配x 仅仅当x 后面跟着y
|
x(?!y) |
正向否定查找,匹配x 仅仅当x 后面不跟着y
|
常用方法
1.RegExp.prototype.exec()
执行一次正则匹配操作:
var pattern = /\d/;
pattern.exec('h1dfsf2');
//返回["1"]
2.RegExp.prototype.test()
测试能否匹配,能通过就返回true,否则返回false
var pattern = /\d/;
pattern.test('h1dfsf2'); // true
pattern.test('dfafa'); //false
3.RegExp.prototype.toString()
返回正则表达式的字面量形式
var pattern = new RegExp(/\d/, 'g');
pattern.toString(); //返回"/\d/g"
4.String.prototype.match
字符串匹配正则表达式
'hello'.match(/he/);
//返回一个数组,["he"]
5.String.prototype.search
返回匹配到的位置索引
'hello'.search(/he/);
//返回0
'hello'.search(/lo/);
//返回3
6.String.prototype.split
这个方法通常是将一个字符串分割成一个数组,可以使用正则表达式的方式,使分割模式更加灵活。
'h4e1l2l3o'.split(/[0-9]/);
//返回["h", "e", "l", "l", "o"]
工具
在进行编写一些比较复杂的正则表达式的时候,可能并不是那么容易一次就能编写成功。因此,你常常需要不断试错来验证所编写的正则是否生效。现在,可以利用一些网上提供的正则工具来辅助我们开发。
- http://regexr.com/: 界面比较美观的测试工具
- http://www.regexpal.com: 界面较为简洁的测试工具
- https://regexper.com/: 一个图形化正则表达式工具,辅助理解一些别人写的正则表达式
- https://regex101.com/: 提供多语言的正则表达式测试工具
- https://github.com/lukehaas/RegexHub:常用的一些正则收集