因为没有系统的总结过正则表达式,工作中用到的也不到,主要靠百度现成的加改改不知道怎么就成功了,决心好好的学习一下正则表达式
新建正则表达式
-
使用字面量,以斜杠表示开始和结束
var regex = /\s+/g;
-
使用
RegExp
构造函数var regex = new RegExp('\s+','g');
差别
上面两种写法是等价的,都新建了一个正则表达式对象。它们的主要区别是,第一种方法在编译时新建正则表达式,第二种方法在运行时新建正则表达式。考虑到书写的便利和直观,实际应用中,基本上都采用字面量的写法。
属性
-
一类是修饰符相关,返回一个布尔值,表示对应的修饰符是否设置
ignoreCase:返回一个布尔值,指忽略大小写,注意仅是忽略大小写,并不忽略全半角,该属性只读。 global:返回一个布尔值,进行全局匹配,指匹配到目标串的结尾,该属性只读。 multiline:返回一个布尔值,允许多行匹配,该属性只读。 m修饰符表示多行模式(multiline),会修改^和$的行为。默认情况下(即不加m修饰符时),^和$匹配字符串的开始处和结尾处,加上m修饰符以后,^和$还会匹配行首和行尾,即^和$会识别换行符(\n)。
/world$/.test('hello world\n') // false /world$/m.test('hello world\n') // true
上面的代码中,字符串结尾处有一个换行符。如果不加m修饰符,匹配不成功,因为字符串的结尾不是“world”;加上以后,$可以匹配行尾。
/^b/m.test('a\nb') // true
上面代码要求匹配行首的b,如果不加m修饰符,就相当于b只能处在字符串的开始处。
-
另一类是与修饰符无关的属性,主要是下面两个
lastIndex:返回下一次开始搜索的位置。该属性可读写 source:返回正则表达式的字符串形式(不包括反斜杠),该属性只读 正则对象的lastIndex属性不仅可读,还可写。一旦手动设置了lastIndex的值, 就会从指定位置开始匹配。但是,这只在设置了g修饰符的情况下,才会有效。
方法
-
test()
正则对象的test
方法返回一个布尔值,表示当前模式是否能匹配参数字符串reg.test(str)
如果正则表达式带有g修饰符,则每一次test方法都从上一次结束的位置开始向后匹配。
var r = /\s+/g; var s = 'a b c'; r.lastIndex // 0 r.test(s) // true r.lastIndex // 2 r.test(s) // true r.lastIndex // 4 r.test(s) // false
-
exec()
正则对象的exec方法,可以返回匹配结果。如果发现匹配,就返回一个数组,成员是每一个匹配成功的子字符串,否则返回null。
如果正则表示式包含组匹配,则返回的数组会包括多个成员。第一个成员是整个匹配成功的结果,后面的成员就是圆括号对应的匹配成功的组。也就是说,第二个成员对应第一个括号,第三个成员对应第二个括号,以此类推。整个数组的length属性等于组匹配的数量再加1
exec方法的返回数组还包含以下两个属性:input:整个原字符串。
index:整个模式匹配成功的开始位置(从0开始计数)。
如果正则表达式加上g修饰符,则可以使用多次exec方法,下一次搜索的位置从上一次匹配成功结束的位置开始。
var r = /a(b+)a/g; var a1 = r.exec('_abbba_aba_'); a1 // ['abbba', 'bbb'] a1.index // 1 r.lastIndex // 6 var a2 = r.exec('_abbba_aba_'); a2 // ['aba', 'b'] a2.index // 7 r.lastIndex // 10 var a3 = r.exec('_abbba_aba_'); a3 // null a3.index // TypeError: Cannot read property 'index' of null r.lastIndex // 0 var a4 = r.exec('_abbba_aba_'); a4 // ['abbba', 'bbb'] a4.index // 1 r.lastIndex // 6
当整个字符串到达尾部,正则对象的lastIndex属性重置为0,意味着以后的匹配将从头开始
字符串对象的方法
-
match
字符串对象的match方法对字符串进行正则匹配,返回匹配结果。 如果正则表达式带有g修饰符,则该方法与正则对象的exec方法行为不同,会一次性返回所有匹配 成功的结果。 设置正则表达式的lastIndex属性,对match方法无效,匹配总是从字符串的第一个字符开始。
-
search
字符串对象的search方法,返回第一个满足条件的匹配结果在整个字符串中的位置。如果没有 任何匹配,则返回-1。 该方法会忽略g修饰符。设置lastIndex也无效,总是从第一个位置开始
-
replace
str.replace(search, replacement)
搜索模式如果不加g修饰符,就替换第一个匹配成功的值,否则替换所有匹配成功的值。
'aaa'.replace('a', 'b') // "baa" 'aaa'.replace(/a/, 'b') // "baa" 'aaa'.replace(/a/g, 'b') // "bbb"
-
split
字符串对象的split方法按照正则规则分割字符串,返回一个由分割后的各个部分组成的数组。 `str.split(separator, [limit])` 该方法接受两个参数,第一个参数是分隔规则,第二个参数是返回数组的最大成员数。
贪婪匹配
需要特别指出的是,正则匹配默认是贪婪匹配,也就是匹配尽可能多的字符
var re = /^(\d+)(0*)$/;
re.exec('102300'); // ['102300', '102300', '']
由于\d+采用贪婪匹配,直接把后面的0全部匹配了,结果0*只能匹配空字符串了。
必须让\d+采用非贪婪匹配(也就是尽可能少匹配),才能把后面的0匹配出来,如果想将贪婪模式改为非贪婪模式,可以在量词符后面加一个问号
var re = /^(\d+?)(0*)$/;
re.exec('102300'); // ['102300', '1023', '00']
匹配规则
扩展
-
切分字符串
'a,b, c d'.split(/[\s\,]+/); // ['a', 'b', 'c', 'd']
-
利用g修饰符允许多次匹配的特点,可以用一个循环完成全部匹配
var r = /a(b+)a/g; var s = '_abbba_aba_'; while(true) { var match = r.exec(s); if (!match) break; console.log(match); }link //["abbba", "bbb"] //["aba", "b"]
-
replace
的应用
replace方法的一个应用,就是消除字符串首尾两端的空格。var a = ' aa bb '; a.replace(/^\s+|\s+$/g, '') //"aa bb"
replace方法的第二个参数可以使用美元符号$,用来指代所替换的内容
'hello world'.replace(/(\w+)\s(\w+)/, '$2 $1') // "world hello"
replace方法的第二个参数还可以是一个函数,将每一个匹配内容替换为函数返回值