javascript 中的正则表达式。
在使用正则表达式的时候，总是要重新看一遍，感觉基础不牢，今天再看了慕课网正则表达式课程新出的课程后将全部的知识点做了一个总结，今后的正则表达式不用担心了。
1 定义正则表达式。
1 字面量
2 对象定义。
var reg = /\bis\b/g ; //字面量形式定义
var reg = new RegExp('\\bis\\b','g'); //双反斜线是因为在javascript中反斜线本身就是保留字符。需要转义
2修饰符
- g:global 全文搜索，不添加，搜索到第一个匹配停止
var str = "this is my first name is";
console.log(str.replace(/\bis\b/,"IS")); //this IS my first name is
console.log(str.replace(/\bis\b/g,"IS")); //this IS my first name IS
- i:ignore case 忽略大小写，默认大小写敏感。
var str = "this IS my first name is";
console.log(str.replace(/\bis\b/g,"as")); //this IS my first name as
console.log(str.replace(/\bis\b/gi,"as")); //this as my first name as
- m:multiple lines 多行搜索。
元字符。
正则表达式由两种基本字符类型组成
-
原义文本字符
-
元字符。
元字符是在正则表示中有特殊含义的非字母字符。
以下是一些例子
- ? $ ^ . | \ () {} []
| 字符 | 含义 |
|---|---|
| \t | 水平制表符 |
| \v | 垂直制表符 |
| \n | 换行符 |
| \r | 回车符 |
| \o | 回车符 |
| \f | 换页符 |
| \cX | 与X对应的控制字符(Ctrl+X) |
字符类
- 我们可以使用元字符[]类构建一个简单的类
- 所谓类是指复合某些特性的对象一个泛指，而不是特指某个字符。
- 表达式[abc]把字符a或b或c归为一类，表达式可以匹配这类的字符。
'a2b2c3d4'.replace(/[abc]/g,'X'); // "X1X2X3D4"
字符类取反
- 使用元字符 ^ 创建 反向类/负向类
- 反向类的意思是不属于某类的内容。、
- 表达式[^abc] 表示不是字符a或b或c的内容。
范围类
- 我们可以使用[a-z]来连接两个字符表示从a到z的任意字符。
- 这是个闭区间，也就是包含a和z本身。
- 在[]组成的类内部是可以连写的。[a-zA-Z]
'a1b2d3x4z9'.replace(/[a-z]/g,'Q');
// "Q1Q2Q3Q4Q9"
预定义类及边界
| 字符 | 等价类 | 含义 |
|---|---|---|
| . | [^\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] | 非单词字符 |
边界
| 字符 | 含义 |
|---|---|
| ^ | 以XXXX开始 |
| $ | 以XXX结束 |
| \b | 单词边界 |
| \B | 非单词边界 |
'This is a boy'.replace(/is/g,'0') //Th0 0 a boy
'This is a boy'.replace(/\bis\b/g,'0') //This 0 a boy
'This is a boy'.replace(/\Bis\b/g,'0') //Th0 is a boy
var str = "@123\n@456\n@789";
str.replace(/^@\d/g,'X');
// "X23
@456
@789
"
str.replace(/^@\d/gm,'X');
// "X23
X56
X89
"
量词
| 字符 | 含义 |
|---|---|
| ? | 出现零次或一次，(最多出现一次) |
| + | 出现一次或多次(至少出现一次) |
| * | 出现零次或多次(任意次) |
| {n} | 出现n次 |
| {n,m} 出现n到m次 | |
| {n,} 直少出现n次 |
贪婪模式 和 非贪婪模式
- 让正则表达式尽可能少的匹配，也就是说一旦成功匹配不再继续尝试就是非贪婪模式
- 做法很简单，在量词后加上？即可
'12345678'.replace(/\d{3,6}/g,'X'); //"X78"
'12345678'.replace(/\d{3,6}?/g,'X'); //"XX78"
分组
使用()可以达到分组的功能，是量词作用于分组。
(Byron){3}
'a1b2c3d4'.replace(/[a-z]\d{3}/g,"X") // a1b2c3d4
'a1b2c3d4'.replace((/[a-z]\d){3}/g,"X") // Xd4
或
使用 | 可以达到或的效果。
'ByronCaspter'.replace(/Byron|Casper/g,'X') //"XX"
'ByronsperByrCasper'.replace(/Byr(on|Ca)sper/g,'X') //"XX"
''
反向引用
'2016-11-25'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$2/$3/$1')
// 11/25/2016
忽略分组
不希望捕获某些分组，只需要在分组内加上?:就可以
(?:Byron).(ok)
前瞻
- 正则表达式从文本头部向尾部开始解析，文本尾部，成为前。
- 前瞻就是在正则表达式匹配到规则的时候，向前检查是否符合断言，后顾/后瞻方向相反。
- javascript不支持后顾。
- 符合和不符合特定断言称为 肯定/正向匹配 和 否定/负向匹配。
前瞻
| 名称 | 正则 |
|---|---|
| 正向前瞻 | exp(?=assert) |
| 负向前瞻 | exp(?!assert) |
'a2*34vv'.replace(/\w(?=\d)/g,'X')
// "X2*X4vv"
'a2*34vv'.replace(/\w(?!\d)/g,'X')
// "aX*3XXX"
正则对象属性(javascript)
- global:是否全文搜索，默认false
- ignorecase：是否大小写敏感，默认是false
- multiline:多行搜索，默认值是false
- lastIndex:是当前表达式匹配内容的最后一个字符的下一个位置。
- source：正则表达式的文本字符串。
test和exec方法
RegExp.prototype.test(str);
-
用于测试字符串参数中是否存在匹配正则表达式模式的字符串。
-
存在返回true，错误返回false
var reg2 = /\w/g;
while(reg2,test('ab')){
console.log(reg2.lastIndex);
}
//1 2
RegExp.prototype.exec(str)
- 使用正则表达式模式对字符串执行搜索，并将更新全局RegExp对象。
- 如果没有匹配的文本则返回null，否则返回一个结果数组
input声明匹配文本的第一个字符的位置。
input存放被检索的字符串String
非全局调用
- 调用全局的RegExp对象的exec()时，返回数组。
- 第一个元素是与正则表达式相匹配的文本
- 第二个元素是与RegExpObject的第一个子表达式相匹配的文本(如果有的话)
-第三个元素是与RegExp对象的第二个子表达式相匹配的文本(如果有的话)，以此类推。
字符串对象方法
String.prototype.search(reg)
-
search()方法用于检索字符串中指定的子字符串，或检索正则表达式相匹配的子字符串。
-
方法返回第一个匹配结果 index ， 查找不到返回 -1
-
search()方法不执行全局匹配，它将忽略标志g，并且总是从字符串的开始进行检索。
String.prototype.match(reg)
-
match() 方法将检索字符串，以找到一个或多个与regexp匹配的文本
-
regexp是否具有标志g对结果影响很大。
非全局调用
-
如果regexp没有标志g，那么match()方法就只能在字符串中执行一次。
-
如果没有找到任何匹配的文本，将返回 null
-
否则它将返回一个数组，其中存放了与他找到的匹配文本有关的信息
-
返回数组的第一个元素存放的事匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本
-
除了常规的数组元素之外，返回的数组还含有两个对象属性
input声明匹配文本起始字符的位置。
input声明对StringObj的引用。
ps：此方法和正则表达式的exec方法基本一样。
全局调用
- 如果regexp具有标志g则match()方法将执行全局检索，找到字符串中的所有匹配子字符串。
没有找到任何匹配的字串，则返回null
如果找到了一个或多个匹配子串，则返回一个数组 - 数组元素中存放的是字符串中所有的匹配字串，而且也没有index和input属性。
var reg4 = /\d(\w)\d/g;
var ts = '$1a2b3c4d5e'
ret = ts.match(reg4);
console.log(ret); //['1a2','3c4']
console.log(re.index+'\t'+reg4.lastIndex);//["undefined 0"]
String.prototype.split(reg);
'a,b,c,d'.split(','); //['a','b','c','d']
'a1b2c3d4e'.split(/\d/g) //['a','b','c','d','e'];
String.prototype.replace()
- String.prototype.replace(str,replaceStr)
- String.prototype.replace(reg,replaceStr)
'a1b'.replace('1',2) //'a2b'
'a1b1c1'.replace('1',2) // 'a2b1c1'
'a1b1c1'.replace(/1/g,2) // 'a2b2c2'
- String.prototype.replace(reg,function)
function参数含义
function会在每次匹配替换的时候调用，有四个参数
- 匹配字符串
- 正则表达式分组内容，没有分组则没有该参数。
- 匹配项在字符串中的index
- 源字符串。
'a1b2c3d4e5'.replace(/\d/g,function(match,index,origin){
console.log(index);
return parseInt(match) + 1;
})
// 结果为"a2b3c4d5e6"
'a1b2c3d4e5'.replace(/(\d)(\w)(\d)/g,function(match,group1,group2,group3,index,origin){
console.log(match);
return group1 + group3;
})
// 结果为："a12c34e5"
网友评论