JAVASCRIPT正则表达式（五）

exec方法详解

exec方法的返回值

exec方法返回的其实并不是匹配结果字符串，而是一个对象，简单地修改一下execReg函数，来做一个实验就可以印证这一点：

<script  type="text/javascript">
    function  execReg(reg,str){
    var result =  reg.exec(str);
         alert(typeof result);
        }
        var reg = /c/;
        var  str='crazy';
        execReg(reg,str);
</script>

<script  type="text/javascript">
	function  execReg(reg,str){
 	var result =  reg.exec(str);
		 alert(typeof result);
		}
		var reg = /c/;
		var  str='crazy';
		execReg(reg,str);
</script>

 

结果显示result的类型是object。而且是一个类似数组的对象。使用for in可以知道它的属性: index input 0。其中index是表示匹配在原字符串中的索引；而input则是表示输入的字符串；

至于0则是表示只有一个匹配结果，可以用下标0来引用这个匹配结果，这个数量可能改变。我们可以通过返回值的length属性来得知匹配结果的总数量。

根据以上对返回值的分析，修改execReg函数如下：

<script  type="text/javascript">
    function  execReg(reg,str){
         var result =  reg.exec(str);
         document.write('index:'+result.index+'<br  />'
         +'input:'+result.input+'<br  />'
         );
         for(i=0;i<result.length;i++){
         document.write('result['+i+']:'+result[i]+'<br  />')
         }
        }
        var reg = /c/;
        var  str='crazy';
        execReg(reg,str);
</script>

<script  type="text/javascript">
	function  execReg(reg,str){
		 var result =  reg.exec(str);
		 document.write('index:'+result.index+'<br  />'
		 +'input:'+result.input+'<br  />'
		 );
		 for(i=0;i<result.length;i++){
		 document.write('result['+i+']:'+result[i]+'<br  />')
		 }
		}
		var reg = /c/;
		var  str='crazy';
		execReg(reg,str);
</script>

 结果如下：

index:0
input:crazy
result[0]:c

匹配的c在原字符串的索引是0。

正则的匹配结果为一个，c；

<script  type="text/javascript">
    function  execReg(reg,str){
         var result =  reg.exec(str);
         document.write('index:'+result.index+'<br  />'
         +'input:'+result.input+'<br  />'
         );
         for(i=0;i<result.length;i++){
         document.write('result['+i+']:'+result[i]+'<br  />')
         }
        }
        var reg =  /(\w)(\w)(.+)/;
        var  str='crazy.com';
        execReg(reg,str);
</script>

<script  type="text/javascript">
	function  execReg(reg,str){
		 var result =  reg.exec(str);
		 document.write('index:'+result.index+'<br  />'
		 +'input:'+result.input+'<br  />'
		 );
		 for(i=0;i<result.length;i++){
		 document.write('result['+i+']:'+result[i]+'<br  />')
		 }
		}
		var reg =  /(\w)(\w)(.+)/;
		var  str='crazy.com';
		execReg(reg,str);
</script>

 由上面两个例子可见，返回对象[0]就是整个正则表达式所匹配的内容。后续的元素则是各个子正则表达式的匹配内容

exec方法对正则表达式的更新

exec方法在返回结果对象的同时，还可能会更新原来的正则表达式，这就要看正则表达式是否设置了g修饰符。先来看两个例子吧：

 

<script  type="text/javascript">
    function  execReg(reg,str){
         var result =  reg.exec(str);
         document.write('index:'+result.index+'<br  />'
         +'input:'+result.input+'<br  />'
         );
         for(i=0;i<result.length;i++){
         document.write('result['+i+']:'+result[i]+'<br  />')
         }
        }
        var reg =  /(\w)(\w)(.+)/;
        var  str='crazy.com';
        execReg(reg,str);
        execReg(reg,str);
</script>

<script  type="text/javascript">
	function  execReg(reg,str){
		 var result =  reg.exec(str);
		 document.write('index:'+result.index+'<br  />'
		 +'input:'+result.input+'<br  />'
		 );
		 for(i=0;i<result.length;i++){
		 document.write('result['+i+']:'+result[i]+'<br  />')
		 }
		}
		var reg =  /(\w)(\w)(.+)/;
		var  str='crazy.com';
		execReg(reg,str);
		execReg(reg,str);
</script> 

结果：

index:0
input:crazy.com
result[0]:crazy.com
result[1]:c
result[2]:r
result[3]:azy.com
index:0
input:crazy.com
result[0]:crazy.com
result[1]:c
result[2]:r
result[3]:azy.com

也就是说，两次匹配的结果完全一样，从索引可以看出来，匹配的都是字符串首的c字符。

下面看看设置了g的正则表达式表现如何：

<script  type="text/javascript">
    function  execReg(reg,str){
         var result =  reg.exec(str);
         document.write('index:'+result.index+'<br  />'
         +'input:'+result.input+'<br  />'
         );
         for(i=0;i<result.length;i++){
         document.write('result['+i+']:'+result[i]+'<br  />')
         }
        }
        var reg =  /c/g;
        var  str='ccrazy.com';
        execReg(reg,str);
        execReg(reg,str);
</script>

<script  type="text/javascript">
	function  execReg(reg,str){
		 var result =  reg.exec(str);
		 document.write('index:'+result.index+'<br  />'
		 +'input:'+result.input+'<br  />'
		 );
		 for(i=0;i<result.length;i++){
		 document.write('result['+i+']:'+result[i]+'<br  />')
		 }
		}
		var reg =  /c/g;
		var  str='ccrazy.com';
		execReg(reg,str);
		execReg(reg,str);
</script>

 

index:0
input:ccrazy.com
result[0]:c
index:1
input:ccrazy.com
result[0]:c

可以看得出来，第二次匹配的是字符串的字符串的第二个b。这也就是g修饰符的作用了，下面来看exec是如何区别对待g和非g正则表达式的。

如果正则表达式没有设置g，那么exec方法不会对正则表达式有任何的影响，如果设置了g，那么exec执行之后会更新正则表达式的lastIndex属性，表示本次匹配后，所匹配字符串的下一个字符的索引，下一次再用这个正则表达式匹配字符串的时候就会从上次的lastIndex属性开始匹配，也就是上面两个例子结果不同的原因了。

test方法

test方法仅仅检查是否能够匹配str，并且返回布尔值以表示是否成功。同样建立一个简单的测试函数

1.

<script  type="text/javascript">
    function  testReg(reg,str){
         alert(reg.test(str));
    }
        var reg =  /c/;
        var  str='ccrazy.com';
        testReg(reg,str);
</script>

<script  type="text/javascript">
	function  testReg(reg,str){
		 alert(reg.test(str));
	}
		var reg =  /c/;
		var  str='ccrazy.com';
		testReg(reg,str);
</script>

成功，输出true。

2.

<script  type="text/javascript">
    function  testReg(reg,str){
         alert(reg.test(str));
    }
        var reg =  /c/;
        var  str='ccrazy.com';
        testReg(reg,str);
</script>

<script  type="text/javascript">
	function  testReg(reg,str){
		 alert(reg.test(str));
	}
		var reg =  /c/;
		var  str='ccrazy.com';
		testReg(reg,str);
</script>

 失败，输出false

使用字符串的方法执行正则表达式

match方法

形式：str.match(reg);

与正则表达式的exec方法类似，该方法同样返回一个类似数组的对象，也有input和index属性。我们定义如下一个函数用来测试：

<script  type="text/javascript">
    function  matchReg(reg,str){
         var result =  str.match(reg);
         if(result ){
         document.write('index:'+result.index+'<br  />'
         +'input:'+result.input+'<br  />'
         );
         for(i=0;i<result.length;i++){
         document.write('result['+i+']:'+result[i]+'<br  />')
         }
         }else{
         alert('null：匹配失败！')
         }
        }
        var reg =  /c/;
        var  str='ccrazy.com';
        matchReg(reg,str);
</script>

<script  type="text/javascript">
	function  matchReg(reg,str){
		 var result =  str.match(reg);
		 if(result ){
		 document.write('index:'+result.index+'<br  />'
		 +'input:'+result.input+'<br  />'
		 );
		 for(i=0;i<result.length;i++){
		 document.write('result['+i+']:'+result[i]+'<br  />')
		 }
		 }else{
		 alert('null：匹配失败！')
		 }
		}
		var reg =  /c/;
		var  str='ccrazy.com';
		matchReg(reg,str);
</script>

 结果：

index:0
input:ccrazy.com
result[0]:c

可见，和exec的结果一样。

但是如果正则表达式设置了g修饰符，exec和match的行为可就不一样了。

replace方法

形式：str. replace (reg,’new str’);

它的作用是将str字符串中匹配reg的部分用’’new str”部分代码，值得注意的是原字符串并不会被修改，而是作为返回值被返回。例子：

<script  type="text/javascript">
    var reg = /b/;
    var str =  'crazyb';
    var newStr =  str.replace(reg,'c');
    document.write(newStr);
</script>

<script  type="text/javascript">
	var reg = /b/;
	var str =  'crazyb';
	var newStr =  str.replace(reg,'c');
	document.write(newStr);
</script>

 结果为：crazyc

<script  type="text/javascript">
    var reg = /c/g;
    var str =  'crazy.com';
    var newStr =  str.replace(reg,'b');
    document.write(newStr);
</script>

<script  type="text/javascript">
	var reg = /c/g;
	var str =  'crazy.com';
	var newStr =  str.replace(reg,'b');
	document.write(newStr);
</script>

 结果：

brazy.bom

由于，设置了g修饰符，所以会替换掉所有的b。

在replace函数中使用$引用子正则表达式匹配内容

就像在正则里我们可以使用\1来引用第一个子正则表达式所匹配的内容一样，我们在replace函数的替换字符里也可以使用$1来引用相同的内容。

还是来看一个例子吧：

<script  type="text/javascript">
    var reg=/(\w+).(\w+).(\w+)/
    var str = 'crazy.com.cn';
    var newStr = str.replace(reg,'$1.$1.$1');
    document.write(newStr);
</script>

<script  type="text/javascript">
	var reg=/(\w+).(\w+).(\w+)/
	var str = 'crazy.com.cn';
	var newStr = str.replace(reg,'$1.$1.$1');
	document.write(newStr);
</script>

 运行结果：crazy.crazy.crazy

首先，我们知道第一个子正则表达式匹配到了crazy，那么$1也就代表crazy了。其后我们把替换字符串设置为'$1.$1.$1',其实也就是“crazy.crazy.crazy”。同理，$2就是com，$3就是cn。

在来看一个例子，颠倒空格前后两个单词的顺序。

search方法和split方法

同样，字符串的search方法和split方法中也可以使用正则表达式，形式如下：

str.search(reg);

search返回正则表达式第一次匹配的位置。例子：

<script type="text/javascript">
var reg = /big/;
var str = 'crazybig';
var pos =  str.search(reg);
document.write(pos);
</script>

<script type="text/javascript">
var reg = /big/;
var str = 'crazybig';
var pos =  str.search(reg);
document.write(pos);
</script>

 返回结果是：5

下面的例子找出第一个非单词字符：

<script type="text/javascript">
var reg = /\W/;
var str =  'crazy.com.cn';
var pos =  str.search(reg);
document.write(pos);
</script>

<script type="text/javascript">
var reg = /\W/;
var str =  'crazy.com.cn';
var pos =  str.search(reg);
document.write(pos);
</script>

 返回结果：5