javascript 正则表达式相关方法

1.Regex类

Regex实例的五个属性

1.global：是否全局搜索，默认是false
2.ignoreCase：是否大小写敏感，默认是false
3.multiline：多行搜索，默认值是false
4.lastIndex：是当前表达式模式首次匹配内容中最后一个字符的下一个位置，每次正则表达式成功匹配时，lastIndex属性值都会随之改变。
5.source：正则表达式的文本字符串

Regex实例的三个方法

1.test()

用于测试字符串参数中是否存正则表达式模式，如果存在则返回true，否则返回false

var reg=/\d+\.\d{1,2}$/g;

reg.test('123.45'); //true
reg.test('0.2'); //true

reg.test('a.34'); //false
reg.test('34.5678'); //false

2.exec()

用于正则表达式模式在字符串中进行查找，如果 exec() 找到了匹配的文本，则返回一个结果数组。否则，返回 null。除了返回数组元素和 length 属性之外，exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。返回的数组的第 0 个元素存放的是匹配文本而其余的元素存放的是与正则表达式的子表达式匹配的文本

<script type="text/javascript">
    var reg = /\d/g;
    var r = reg.exec('a1b2c3');
   
    document.writeln(r[0]);//1，r数组只有一个值。
    document.writeln(r.input);//a1b2c3
    document.writeln(reg.lastIndex); //2 当前表达式模式首次匹配内容中最后一个字符的下一个位置
</script>

注：
全局g的作用:

如果设置了全局匹配，则每次执行exec都会将该次匹配内容中最后一个字符的下一个位置更新到Regex实例的lastIndex中，以后再次执行exec,则从lastIndex的位置开始检索，然后继续更新lastIndex。

如果没有设置全局匹配，则每次执行exec,lastIndex的值都是0，所以每次都是从0开始检索。

<script type="text/javascript">
    var reg = /\d/g;//全局匹配
    var str = 'a1b2c3';
    var r = reg.exec(str);
    document.writeln(r[0]);//1
    document.writeln(reg.lastIndex);//2

    r = reg.exec(str);//再次执行exec
    document.writeln(r[0]);//2，从2位置开始检索
    document.writeln(reg.lastIndex);//4
</script>

<script type="text/javascript">
    var reg = /\d/;//非全局匹配
    var str = 'a1b2c3';
    var r = reg.exec(str);
    document.writeln(r[0]);//1
    document.writeln(reg.lastIndex);//0

    r = reg.exec(str);//再次执行exec
    document.writeln(r[0]);//1，仍然从0开始检索
    document.writeln(reg.lastIndex);//0
</script>

所以可以通过反复调用 exec() 方法来遍历字符串中的所有匹配文本。当 exec() 再也找不到匹配的文本时，它将返回 null，并把 lastIndex 属性重置为 0。

var reg=/\d/g;
while(r=reg.exec('a1b2c3')){
    console.log(r.index+':'+r[0]);
}
结果： 

1:1
3:2
5:3

由于全局匹配会更新lastIndex的值并在每次执行exec时都是从lastIndex位置开始检索，所以当下一次执行exec是不同的正则的时候，必须手动重置lastIndex为0；

3.compile

用于改变正则

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));//true

patt1.compile("d");

document.write(patt1.test("The best things in life are free"));//false

2.与正则方法相关的字符串函数

1.search()

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串,返回第一个与 正则 相匹配的子串的起始位置，没有找到则返回-1.

search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置。

'a1b2c3'.search(/\d/g); //1
'a1b2c3'.search(/\d/); //1

2.match()

match() 方法将检索字符串 stringObject，以找到一个或多个与 regexp 匹配的文本。但regexp是否具有标志 g对结果影响很大。

如果 regexp 没有标志 g(表示非全局匹配)，那么 match() 方法就只能在 strObj 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。

如果 regexp 有标志 g（表示全局匹配），它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。

var r='aaa123456'.match(/\d/g);alert(r);//1,2,3,4,5,6
var r = 'a1b2c3'.match(/\d/g);alert(r);//1,2,3

3.replace()

关于strng对象的replace方法，我们最常用的时传入两个字符串的做法，但这种做法有个缺陷，只能replace一次

'abcabcabc'.replace('bc','X'); //aXabcabc

replace方法的第一个参数还可以传入RegExp对象，传入正则表达式可以时replace方法更加强大灵活

'abcabcabc'.replace(/bc/g,'X'); //aXaXaX
'abcaBcabC'.replace(/bc/gi,'X'); //aXaXaX

如果replace方法的第一个参数传入的是带分组的正则表达式，我们在第二个参数中可以使用$1...$9来获取相应分组内容，比如希望把字符串 1<%2%>34<%567%>89 的<%x%>换为$#x#$，我们可以这样

'1<%2%>34<%567%>89'.replace(/<%(\d+)%>/g,'@#$1#@');//"1@#2#@34@#567#@89"

当然还有很多方式可以达到这一目的，这里只是演示一下利用分组内容，我们在第二个参数中使用 @#$1#@，其中$1表示被捕获的分组内容，在一些js模板函数中可以经常见到这种方式替换字符串。

4.replace 带function参数

'2398rufdjg9w45hgiuerhg83ghvif'.replace(/\d+/g,function(r){
    return '('+r+')';
}); //"(2398)rufdjg(9)w(45)hgiuerhg(83)ghvif"

把replace方法的第二个参数传入一个function，这个function会在每次匹配替换的时候调用，算是个每次替换的回调函数，我们使用了回调函数的第一个参数，也就是匹配内容，其实回调函数一共有四个参数
第一个参数很简单，是匹配字符串
第二个参数是正则表达式分组内容，没有分组则没有该参数
第三个参数是匹配项在字符串中的index
第四个参数则是原字符串

'2398rufdjg9w45hgiuerhg83ghvif'.replace(/\d+/g,function(a,b,c){
    console.log(a+'\t'+b+'\t'+c);
    return '('+a+')';
}); 

2398    0    2398rufdjg9w45hgiuerhg83ghvif
9    10    2398rufdjg9w45hgiuerhg83ghvif
45    12    2398rufdjg9w45hgiuerhg83ghvif
83    22    2398rufdjg9w45hgiuerhg83ghvif 

这是没有分组的情况，打印出来的分别是 匹配内容、匹配项index和原字符串，看个有分组的例子，如果我们希望把一个字符串的<%%>外壳去掉，<%1%><%2%><%3%> 变成123

'<%1%><%2%><%3%>'.replace(/<%([^%>]+)%>/g,function(a,b,c,d){
    console.log(a+'\t'+b+'\t'+c+'\t'+d);
    return b;
}) //123

<%1%>    1    0    <%1%><%2%><%3%> 
<%2%>    2    5    <%1%><%2%><%3%> 
<%3%>    3    10    <%1%><%2%><%3%> 

根据这种参数replace可以实现很多强大的功能，尤其是在复杂的字符串替换语句中经常使用。

5.split()

我们经常使用split方法把字符串分割为字符数组

'a,b,c,d'.split(','); //["a", "b", "c", "d"]

和replace方法类似，在一些复杂的分割情况下我们可以使用正则表达式解决

'a1b2c3d'.split(/\d/); //["a", "b", "c", "d"]//这样就可以按照数字分割字符串了