您的位置：首页 > Web前端 > JavaScript

javascript正则表达式函数详解

2012-08-14 22:36 621 查看


JavaScript中正则表达式函数详解（exec, test, match, replace, search, split）


1、使用正则表达式的方法去匹配查找字符串


1.1. exec方法详解

exec方法的返回值

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

1
function
execReg(reg,
str) {
2
var
 
result
= reg.exec(str);
3
alert(
typeof
 
result);
4
}
5
6
var
 
reg
= /b/;
7
var
 
str
=
'bbs.bblueidea.com'
;
8
execReg(reg,str);
结果显示result的类型是object。而且是一个类似数组的对象。使用for in可以知道它的属性: index input 0。其中index是表示匹配在原字符串中的索引；而input则是表示输入的字符串；

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

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

1
function
  
execReg(reg,
str) {
2
var
 
result
= reg.exec(str);
3
document.write(
'index:'
+result.index+
'<br
/>'
4
+
'input:'
+result.input+
'<br
/>'
5
);
6
for
 
(i=0;
i<result.length; i++) {
7
document.write(
'result['
+i+
']:'
+result[i]+
'<br
/>'
)
8
}
9
}
马上来实验一下：

1
var
 
reg
= /\w/;
2
var
 
str
=
'bbs.bblueidea.com'
;
3
execReg(reg,str);
结果如下：

1
index:0
2
input:bbs.bblueidea.com
3
result[0]:b
输入字符串为bbs.bblueidea.com；

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

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

1
var
 
reg
=  /(\w)(\w)(.+)/;
2
var
  
str=
'bbs.bblueidea.com'
;
3
execReg(reg,str);
结果为：

1
index:0
2
input:bbs.bblueidea.com
3
result[0]:bbs.bblueidea.com
4
result[1]:b
5
result[2]:b
6
result[3]:s.bblueidea.com
由上面两个例子可见，返回对象[0]就是整个正则表达式所匹配的内容。后续的元素则是各个子正则表达式的匹配内容。


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

1
var
 
reg
= /b/;
2
var
 
str
=
'bbs.blueidea.com'
;
3
execReg(reg,str);
4
execReg(reg,str);
结果如下：

1
index:0
2
input:bbs.blueidea.com
3
result[0]:b
4
index:0
5
input:bbs.blueidea.com
6
result[0]:b
也就是说，两次匹配的结果完全一样，从索引可以看出来，匹配的都是字符串首的b字符。

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

1
var
 
reg
= /b/g;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
execReg(reg,str);
4
execReg(reg,str);
结果如下：

1
index:0
2
input:bbs.blueidea.com
3
result[0]:b
4
index:1
5
input:bbs.blueidea.com
6
result[0]:b
可以看得出来，第二次匹配的是字符串的字符串的第二个b。这也就是g修饰符的作用了，下面来看exec是如何区别对待g和非g正则表达式的。

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

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

1
function
  
testReg(reg,str){
2
alert(reg.test(str));
3
}
实例1

1
var
 
reg
= /b/;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
testReg(reg,str);
成功，输出true。

实例2

1
var
 
reg
= /9/;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
testReg(reg,str);
失败，返回false。


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


2.1. match()方法
形式：str.match(reg);

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

01
function
  
matchReg(reg,str){
02
var
 
result
=  str.match(reg);
03
if
(result
){
04
document.write(
'index:'
+result.index+
'<br
/>'
05
+
'input:'
+result.input+
'<br
/>'
06
);
07
08
for
(i=0;i<result.length;i++){
09
document.write(
'result['
+i+
']:'
+result[i]+
'<br
/>'
)
10
}
11
}
else
{
12
alert(
'null：匹配失败！'
)
13
}
14
}
例如：

1
var
 
reg
= /b/;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
matchReg(reg,str);
结果如下：

1
index:0
2
input:bbs.blueidea.com
3
result[0]:b
可见，和exec的结果一样。

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

1
index:undefined
2
input:undefined
3
result[0]:b
4
result[1]:b
5
result[2]:b
设置了g修饰符的正则表达式在完成一次成功匹配后不会停止，而是继续找到所有可以匹配到的字符。返回的结果包括了三个b。不过没有提供input和index这些信息。

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

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

1
var
 
reg
= /b/;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
var
 
newStr
=  str.replace(reg,
'c'
);
4
document.write(newStr);
结果为cbs.blueidea.com，只有第一个b被替换为c。

1
var
 
reg
= /b/g;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
var
 
newStr
=  str.replace(reg,
'c'
);
4
document.write(newStr);
输出ccs.clueidea.com

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

1
var
 
reg
= /\w+/g;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
var
 
newStr
=  str.replace(reg,
'word'
);
4
document.write(newStr);
输出：

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

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

还是来看一个例子吧：

1
var
 
reg
=  /(\w+).(\w+).(\w+)/;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
var
 
newStr
=  str.replace(reg,
'$1.$1.$1'
);
4
document.write(newStr);
输出的结果为：

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

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

1
var
 
reg
=  /(\w+)\s(\w+)/;
2
var
 
str
=
'cainiao
gaoshou'
;
3
var
 
newStr
=  str.replace(reg,
'$2
$1'
);
4
document.write(newStr);
结果为：gaoshou cainiao，也就是空格前后的单词被调换顺序了。

由于在替换文本里$有了特殊的含义，所以我们如果想要是用$这个字符的话，需要写成$$，例如：

1
var
 
reg
=  /(\w+)\s(\w+)/;
2
var
 
str
=
'cainiao
gaoshou'
;
3
var
 
newStr
=  str.replace(reg,
'$$
$$'
);
4
document.write(newStr);
结果为：$ $。


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

1
str.search(reg);
search返回正则表达式第一次匹配的位置。例子：

1
var
 
reg
= /idea/;
2
var
 
str
=
'blueidea'
;
3
var
 
pos
=  str.search(reg);
4
document.write(pos);
结果为4。

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

1
var
 
reg
= /\W/;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
var
 
pos
=  str.search(reg);
4
document.write(pos);
结果为3，也就是那个点“.”的位置。

1
str.split(reg,’seprator’);
split返回分割后的数组，例如：

1
var
 
reg
= /\W/;
2
var
 
str
= 
'bbs.blueidea.com'
;
3
var
 
arr
=  str.split(reg);
4
document.write(arr);
结果为：bbs,blueidea,com，可见字符串被非单词字符分为了有三个元素的数组。

1
var
  
reg
= /\W/;
2
var
  
str
=
'http://www.baidu.com/'
;
3
var
  
arr
= str.split(reg);
4
document.write(arr.length+
'<br
/>'
);
5
document.write(arr);
结果为：

1
7
2
http,,,www,baidu,com,
可见字符串被分为了有7个元素的数组，其中包括了三个为空字符串的元素。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航