正则表达式概念:使用单个字符串来描述、匹配(查找、替换)一系列符合某个句法规则的字符串。
实例化方法
Javascript通过内置对象RegExp支持正则表达式,有两种方法实例化RegExp对象: 1.字面量 2.构造函数
1.字面量
var reg = /\bis\b/g;
2.构造函数
var reg = new RegExp('\\bis\\b', 'g');
修饰符
g: global全文搜索,不添加,搜索到第一个匹配停止
i: ignore case 忽略大小写,默认大小写敏感
m: multiple lines多行搜索
元字符
正则表达式由两种基本字符类型组成: 1.原意文本字符 2.元字符(在正则表达式中有特殊含义的非字母字符,如\b匹配单词边界)
正则表达式中几个需要注意的符号(有特殊含义): * + ? $ ^ | \ ( ) { } [ ]
字符 | 含义 |
---|---|
\t | 水平制表符 |
\v | 垂直制表符 |
\n | 换行符 |
\r | 回车符 |
\0 | 空字符 |
\f | 换页符 |
\cX | 与X对应的控制字符(Ctrl+X) |
字符类
一般情况下正则表达式一个字符对应字符串的一个字符
表达式ab\t的含义是
我们可以使用元字符[ ]来构建一个简单的类
所谓类是指符合某些特性的对象,一个泛指而不是特指某个字符
表达式[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) |
$ | 以xxx结束(xxx$) |
\b | 单词边界 |
\B | 非单词边界 |
量词
字符 | 含义 |
? | 出现零次或一次(最多出现一次) |
+ | 出现一次或多次(至少出现一次) |
* | 出现零次或多次(任意次) |
{n} | 出现n次 |
{n,m} | 出现n到m次 |
{n,} | 至少出现n次 |
需要注意的是:如果是最多10次并不写作{ , 10 },而需要写成{ 0, 10 }
例: \d{20}\w\d?\w+\d*\d{3}\w{3,5}\d{3,}
贪婪模式
\d{3,6}匹配12345678
匹配时会尽可能多的匹配
》'12345678'.replace(/\d{3,6}/g, 'X')
《 'X78'
非贪婪模式
让正则表达式尽可能少的匹配
做法很简单,在量词后加上?即可
》'123456789'.match(/\d{3,5}?/g)
《 ["123", "456", "789"]
》'12345678'.replace(/\d{3,6}?/g, 'X')
《 'XX78'
分组
匹配字符串Byron连续出现3次的场景
Byron{3}
用( )可以达到分组的功能,使量词作用于分组
(Byron){3}
或
使用|可以达到或的效果
Byron | Casper
Byr(on|Ca)sper
反向引用
2015-12-25 => 12/25/2015
'2015-12-25'.replace(/(\d{4})-(\d{2})-(\d{2})/g, '$2/$3/$1')
忽略分组
不希望捕获某些分组,只需要在分组内加上?:就可以
(?: Byron).(ok)
前瞻
正则表达式从文本头部向尾部开始解析,文本尾部方向称为“前”
前瞻就是在正则表达式匹配到规则的时候,向前检查是否符合断言,后顾/后瞻方向相反
Javascript不支持后顾
符合和不符合特定断言称为肯定/正向匹配和否定/负向匹配
名称 | 正则 | 含义 |
正向前瞻 | exp(?=assert) | |
负向前瞻 | exp(?!=assert) | |
正向后顾 | exp(?<=assert) | JavaScript不支持 |
负向后顾 | exp(?<!assert) | JavaScript不支持 |
例:
\w(?=\d)【单词字符,看他后边的是不是数字】
》'a2*34v8'.replace(/w(?=\d)/g,'X');
《 "X2*X4X8"
JS对象属性
global: 是否全文搜索,默认false
ignore case: 是否大小写敏感,默认是false
multiline: 多行搜索,默认值是false
lastIndex: 是当前表达式匹配内容的最后一个字符的下一个位置
source: 正则表达式的文本字符串
前三个属性是只读的,不能对它进行设置
例:
var reg = /\w/;
reg.resource 》\w
test和exec方法
RegExp.prototype.test(str)
用于测试字符串参数中是否存在匹配正则表达式模式的字符串
如果存在则返回true,否则返回false
var reg2 = /\w/g;
执行三次 reg2.test('ab')
》结果返回 true true false(由于lastIndex属性)
解决方法:用下边这个方法
RegExp.prototype.exec(str)
使用正则表达式模式对字符串执行搜索,并将更新全局RegExp对象的属性以反映匹配结果
如果没有匹配的文本则返回null,否则返回一个结果数组
-index声明匹配文本的第一个字符位置
-input存放被检索的字符串string
非全局调用
调用非全局的RegExp对象的exec()时,返回数组
第一个元素是与正则表达式相匹配的文本
第二个元素是与RegExpObject的第一个子表达式相匹配的文本(如果有的话)
第三个元素是与RegExp对象的第二个子表达式相匹配的文本(如果有的话),以此类推
非全局下lastIndex不生效(为0)
字符串对象方法
String.prototype.search(reg)
search()方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串
方法返回第一个匹配结果index,查找不到返回-1
search()方法不执行全局匹配,它将忽略标志g,并且总是从字符串的开始进行检索
'a1b2c3d1'.search('1')
'a1b2c3d1'.search(1)
'a1b2c3d1'.search(/1/g)
全部返回1(第一个字符开始不是正则的时候,会尝试转为正则)
String.prototype.match(reg)
match()方法将检索字符串,以找到一个或多个与regexp匹配的文本
regexp是否具有标志g对结果影响很大
非全局调用
如果regexp没有标志g,那么match()方法就只能在字符串中执行一次匹配
如果没有找到任何匹配的文本,将返回null
否则它将返回一个数组,其中存放了与它找到的匹配文本有关的信息
返回数组的第一个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本
除了常规的数组元素之外,返回的数组还含有2个对象属性
index声明匹配文本的起始字符在字符串的位置
input声明对stringObject的引用
全局调用
如果regexp具有标志g则match()方法将执行全局检索,找到字符串中的所有匹配子字符串
没有找到任何匹配的子串,则返回null
如果找到了一个或多个匹配子串,则返回一个数组
数组元素中存放的是字符串中所有的匹配子串,而且也没有index属性或input属性(undefined)
String.prototype.split(reg)
我们经常使用split方法把字符串分割为字符数组
'a,b,c,d'.split(','); //["a", "b", "c", "d"]
在一些复杂的分割情况下我们可以使用正则表达式解决
'a1b2c3d'.split(/\d/); //["a", "b", "c", "d"]"
String.prototype.replace
一般用法:
》'a1b'.replace('1', 2) // “a2b”
》'a1baca'.replace('1', 2) // "a2b1c1"
函数用法:
String.prototype.replace(str, replaceStr)
String.prototype.replace(reg, replaceStr)
String.prototype.replace(reg, function)
》'a1b1c1'.replace(/1/g, 2)// "a2b2c2"
‘a1b2c3d4’ => 'a2b3c4d5',实现方法:用第三个用法
function参数含义
function会在每次匹配替换的时候调用,有四个参数
1、匹配字符串
2、正则表达式分组内容,没有分组则没有该参数
3、匹配项在字符串中的index
4、原字符串
实现:
》''a1b2c3d4e5'.replace(/\d/g, function(match, index, origin){
console.log(index);
return parseInt(match) + 1;
}); //1 357 9 "a2b3c4d5e6"
》'a1b2c3d4e5'.replace(/(\d)(\w)(\d)/g, function(match, group1, group2, group3, index, origin){
console.log(match);
return group1 + group3;
});//"1b2" "3d4" "a12c34e5"