title: 正则知识点总结
date: 2018-01-04 23:03:51
tags: 正则表达式
set the pace.png
intro
笔记总结自慕课网正则表达式教学视频 ☞ 正则表达式
正则表达式
RegExp 对象
- 字面量
var reg = /\bis\b/g;
- 构造函数
var reg = new RegExp('\\bis\\b','g');
- 修饰符
- g: global 全文搜索，不添加，搜索到第一个匹配停止
- i: ignore case 忽略大小写，默认大小写敏感
- m: multiple lines 多行搜索
元字符
正则表达式由两种基本字符类型组成：原义文本字符，元字符
元字符是在正则表达式中有特殊含义的非字母字符
* + ? $ ^ . | \ ( ) { } [ ]
-
\t= 水平制表符 -
\v= 垂直制表符 -
\n= 换行符 -
\r= 回车符 -
\0= 空字符 -
\f= 换页符 -
\cX= 与X对应的控制字符Ctrl+X
字符类
一般情况下正则表达式一个字符对应字符串一个字符
- 可以使用元字符
[]莱构建一个简单的类 - 所谓类是指符合某些特性的对象，一个泛指，而不是特指某个字符
- 表达式
[abc]把字符a或b或c归为一类，表达式可以匹配这类的字符 - 字符类取反
- 使用元字符
^创建反向类/负向类 - 反向类的意思是不属于某类的内容
- 表达式
[^abc]表示不是字符a或b或c的内容
- 使用元字符
范围类
- 正则表达式还提供范围类
- 可以使用
[a-z]来连接两个字符表示从a到z的任意字符 - 这是一个闭区间，包含a和z本身
- 在
[]组成的类内部可以连写[a-zA-Z]
预定义类
-
.=[^\r\n]除了回车符和换行符之外的所有字符 -
\d=[0-9]数字字符 -
\D=[^0-9]非数字字符 -
\s=[\t\n\x0B\f\r]空白符 -
\S=[^\t\n\x0B\f\r]非空白符 -
\w=[a-zA-Z_0-9]单词字符(字母、数字、下划线) -
\W=[^a-zA-Z_0-9]非单词字符
匹配一个ab+数字+任意字符的字符串
ab\d.
边界
常用的边界匹配字符
-
^以xxx开始 -
$以xxx结束 -
\b单词边界 -
\B非单词边界
量词
-
?出现0次或1次(最多出现一次) -
+出现1次或多次(最少出现一次) -
*出现0次或多次(任意次) -
{n}出现n次 -
{n,m}出现n到m次 -
{n,}至少出现n次
\d{20}
\d{20}\w\d?\w+\d*\d{3}\w{3,5}\d{3,}
js正则贪婪模式
- 贪婪模式
'12345678'.replace(/\d{3,6}/g,'x') // => "x78"
- 非贪婪模式
让正则表达式尽可能少的匹配，一旦匹配成功匹配不在继续尝试
在量词后加?即可
'12345678'.match(/\d{3,6}？/g,'x') // => ["123","456","789"]
分组
使用()可以达到分组的功能，使量词作用于分组
(Pan){3}
使用|达到或的效果
Helia|Pan
Hel(ia|Pa)n
反向引用
2018-12-25 => 12/25/2018
'2018-12-25'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$2$3$1')
忽略分组
不希望捕获某些分组，需在分组内加上?：
(?:Helia).(Pan)
前瞻
- 正则表达式从文本头部向尾部开始解析，文本尾部方向，称为"前"
- 前瞻就是在正则表达式匹配到规则的时候，向前检查是否符合断言，后顾/后瞻方向相反
- JavaScript不支持后顾
- 符合和不符合特定断言称为肯定/正向匹配和否定/负向匹配
正向前瞻 = exp(?=assert)
负向前瞻 = exp(?!assert)
'a2*3'.replace(/\w(?=\d)/g,'X'); // => 'X2*3'
'a2*3'.replace(/\w(?!\d)/g,'X'); // => 'aX*X'
js对象属性
- global: 是否全文搜索,默认false
- ignore case: 是否大小写敏感,默认false
- multiline: 多行搜索，默认值是false
- lastIndex: 是当前表达式匹配内容的最后一个字符的下一个位置
- source: 正则表达式的文本字符串
test
RegExp.prototype.test(str)
- 用于测试字符串参数中是否存在匹配正则表达式模式的字符串
- 存在返回
true，否则返回false
exec
RegExp.prototype.exec(str)
- 使用正则表达式模式对字符串执行搜索，并将更新全局RegExp对象的属性以反映匹配结果
- 如果没有匹配的文本则返回
null，否则返回一个结果数组-
index声明匹配文本的第一个字符的位置 -
input存放被检索的字符串string
-
非全局调用
- 调用非全局的RegExp对象的
exec()时，返回数组 - 第一个元素是正则表达式相匹配的文本
- 第二个元素是与RefExpObject的第一个子表达式相匹配的文本(如果有的话)
- 第三个元素是RegExp对象的第二个子表达式相匹配的文本(如果有的话)，以此类推
var reg1 = /\d(\w)(\w)\d/;
var ts = '$1az2bb3cy4dd5ee';
var ret = reg1.exec(ts);
console.log(reg1.lastIndex + '\t' + ret.index + '\t' + ret.toString());
// => 0 1 1az2,a,z
console.log(reg1.lastIndex + '\t' + ret.index + '\t' + ret.toString());
// => 0 1 1az2,a,z
var reg2 = /\d(\w)(\w)\d/g;
var ts = '$1az2bb3cy4dd5ee';
while(ret = reg2.exec(ts)){
console.log(reg2.lastIndex + '\t' + ret.index + '\t' + ret.toString());
// => 5 1 1az2,a,z
// => 11 7 3cy4,c,y
}
字符串对象方法
search
String.prototype.search(reg)
-
search()方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串 - 方法返回第一个匹配结果
index，查找不到返回 -1 -
search()方法不执行全局匹配，它将忽略标志 g ，并将总是从字符串的开始进行检索
match
String.prototype.match(reg)
-
match()方法将检索字符串，以找到一个或多个与regexp匹配的文本 -
regexp是否具有标志 g 对结果影响很大
非全局调用
- 如果
regexp没有标志 g ，那么match()方法就只能在字符串中执行依次匹配 - 如果没有找到任何匹配的文本，将返回
null - 否则它将返回一个数组，其中存放了与它找到的匹配文本有关的信息
- 返回数组的第一个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本
- 除了常规的数组元素之外，返回的数组还有2个对象属性
-
index声明匹配文本的其实字符在字符串的位置 -
input声明 对stringObject的引用
-
全局调用
- 如果regexp具有标志g则
match()方法将执行全局检索，找到字符串中的所有匹配子字符串- 没有找到任何匹配的紫川，则返回
null - 如果找到了一个或多个匹配子串，则返回一个数组
- 没有找到任何匹配的紫川，则返回
- 数组元素中存放的是字符串中所有的匹配子串，而且页没有
index属性或input
var reg3 = /\d(\w)\d/;
var ts = '$1a2b3c4d5e';
var ret = ts.match(reg3);
console.log(ret);
// => ["1a2", "a", index: 1, input: "$1a2b3c4d5e"]
console.log(ret.index + '\t' + reg3.lastIndex);
// => 1 0
var reg3 = /\d(\w)\d/;
var ts = '$1a2b3c4d5e';
var ret = ts.match(reg3);
console.log(ret);
// => ["1a2", "3c4"]
console.log(ret.index + '\t' + reg3.lastIndex);
// => "undefined" 0
split
String.prototype.split(reg)
- 我们经常使用split方法把字符串分割为字符数组
'a,b,c,d'.split(',')
// => ["a","b","c","d"]
- 在一些复杂的分隔情况下我们可以使用正则表达式解决
'a1b2c3d'.split('/\d/')
// => ["a","b","c","d"]
replace
String.prototype.replace(reg)
- String.prototype.replace(str,replaceStr)
- String.prototype.replace(reg,replaceStr)
- String.prototype.replace(reg,function)
function参数含义
function会在每次匹配替换的时候调用，有四个参数
- 匹配字符串
- 正则表达式分组内容，没有分组则没有该参数
- 匹配项在字符串中的index
- 原字符串
'a1b1c1'.replace('1', '2');
// => "a2b1c1"
'a1b1c1'.replace(/\d/g, '2');
// => "a2b2c2"
'a1b2c3d4e5'.replace(/\d/g,function(match, index, origin){
console.log(index);
return parseInt(match) + 1;
});
// 1 3 5 7 9
// => "a2b3c4d5e6"
'a1b2c3d4e5'.replace(/(\d)(\w)(\d)/g,function(match, group1, group2, group3, index, origin){
console.log(index);
return group1 + group2;
});
// 1 5
// => "a1bc3de5"