javascript正则表达式分析

王阿姨在路上

王阿姨在路上

2016-02-19 11:34

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的javascript正则表达式分析,希望大家看完后能赶快学习起来。
什么是正则表达式?
这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。
创建一个正则表达式
第一种方法:
代码如下:

var reg = /pattern/;

第二种方法:
代码如下:

var reg = new RegExp('pattern');

正则表达式的exec方法简介
语法:
reg.exec(str);
其中str为要执行正则表达式的目标字符串。
例如:
代码如下:

script type="text/javascript"
var reg = /test/;
var str = 'testString';
var result = reg.exec(str);
alert(result);
/script

将会输出test,因为正则表达式reg会匹配str(‘testString')中的'test'子字符串,并且将其返回。

我们使用下面的函数来做匹配正则的练习:
代码如下:

function execReg(reg,str){
var result = reg.exec(str);
alert(result);
}

函数接受一个正则表达式参数reg和一个目标字符串参数str,执行之后会alert出正则表达式与字符串的匹配结果。
用这个函数测试上面的例子就是:
代码如下:

script type="text/javascript"
function execReg(reg,str){
var result = reg.exec(str);
alert(result);
}
var reg = /test/;
var str = 'testString';
execReg(reg,str);
/script

上面的例子用正则里的test去匹配字符串里的test,实在是很无聊,同样的任务用indexOf方法就可以完成了。用正则,自然是要完成更强大的功能:
一片两片三四片,落尽正则全不见
上面的小标题翻译成正则就是{1},{2},{3,4},{1,}。
c{n}
{1}表示一个的意思。
/c{1}/只能匹配一个c。
/c{2}/则会匹配两个连续的c。
以此类推,
/c{n}/则会匹配n个连续的c。
看下面的例子:
代码如下:

reg = /c{1}/;
str='cainiao';
execReg(reg,str);

返回结果c
代码如下:

reg = /c{2}/;
str='cainiao';
execReg(reg,str);

返回结果null,表示没有匹配成功。
代码如下:

reg = /c{2}/;
str='ccVC果冻爽';
execReg(reg,str);

返回结果cc。
c{m,n}
c{3,4}的意思是,连续的3个c或者4个c。
例如
代码如下:

reg = /c{3,4}/;
str='ccVC果冻爽';
execReg(reg,str);

返回结果null,表示没有匹配成功。
代码如下:

reg = /c{3,4}/;
str='cccTest';
execReg(reg,str);

结果返回ccc。
代码如下:

reg = /c{3,4}/;
str='ccccTest';
execReg(reg,str);

结果返回cccc,这表明正则会尽量多品牌,可3可4的时候它会选择多匹配一个。
代码如下:

reg = /c{3,4}/;
str='cccccTest';
execReg(reg,str);

仍然只匹配4个c。

由以上例子可以推断出,c{m,n}表示m个到n个c,且m小于等于n。
c{n,}
c{1,}表示1个以上的c。例如:
代码如下:

reg = /c{1,}/;
str='cainiao';
execReg(reg,str);

结果返回c。
代码如下:

reg = /c{1,}/;
str='cccccTest';
execReg(reg,str);

返回ccccc,再次说明了正则表达式会尽量多地匹配。
代码如下:

reg = /c{2,}/;
str='cainiao';
execReg(reg,str);

结果返回null,c{2,}表示2个以上的c,而cainiao中只有1个c。

由以上例子可知,c{n,}表示最少n个c,最多则不限个数。

*,+,?
*表示0次或者多次,等同于{0,},即
c* 和 c{0,} 是一个意思。

+表示一次或者多次,等同于{1,},即
c+ 和 c{1,} 是一个意思。

最后,?表示0次或者1次,等同于{0,1},即
c? 和 c{0,1} 是一个意思。

贪心与非贪心
人都是贪婪的,正则也是如此。我们在例子reg = /c{3,4}/;str='ccccTest';的例子中已经看到了,能匹配四个的时候,正则绝对不会去匹配三个。上面所介绍的所有的正则都是这样,只要在合法的情况下,它们会尽量多去匹配字符,这就叫做贪心模式。
如果我们希望正则尽量少地匹配字符,那么就可以在表示数字的符号后面加上一个?。组成如下的形式:
{n,}?, *?, +?, ??, {m,n}?
同样来看一个例子:
代码如下:

reg = /c{1,}?/;
str='ccccc';
execReg(reg,str);

返回的结果只有1个c,尽管有5个c可以匹配,但是由于正则表达式是非贪心模式,所以只会匹配一个。
/^开头,结尾$/
^表示只匹配字符串的开头。看下面的例子:
代码如下:

reg = /^c/;
str='维生素c';
execReg(reg,str);

结果为null,因为字符串‘维生素c'的开头并不是c,所以匹配失败。
代码如下:

reg = /^c/;
str='cainiao';
execReg(reg,str);

这次则返回c,匹配成功,因为cainiao恰恰是以c开头的。

与^相反,$则只匹配字符串结尾的字符,同样,看例子:
代码如下:

reg = /c$/;
str='cainiao';
execReg(reg,str);

返回null,表示正则表达式没能在字符串的结尾找到c这个字符。
代码如下:

reg = /c$/;
str='维生素c';
execReg(reg,str);

这次返回的结果是c,表明匹配成功。

点'.'
‘.'会匹配字符串中除了换行符n之外的所有字符,例如
代码如下:

reg = /./;
str='cainiao';
execReg(reg,str);

结果显示,正则匹配到了字符c。
代码如下:

reg = /./;
str='blueidea';
execReg(reg,str);

这次是b。
代码如下:

reg = /.+/;
str='blueidea——经典论坛 好_。';
execReg(reg,str);

结果是“blueidea——经典论坛 好_。“也就是说所有的字符都被匹配掉了,包括一个空格,一个下滑线,和一个破折号。
代码如下:

reg = /.+/;
reg = /.+/;
str='bbs.blueidea.com';
execReg(reg,str);

同样,直接返回整个字符串——bbs.blueidea.com,可见”.”也匹配”.”本身。
代码如下:

reg = /^./;
str='ncainiao';
execReg(reg,str);

结果是null,终于失败了,正则要求字符串的第一个字符不是换行,但是恰恰字符是以n开始的。

二选一,正则表达式中的或,“|“
b|c表示,匹配b或者c。
例如:
代码如下:

reg = /b|c/;
str='blueidea';
execReg(reg,str);

结果是b。
代码如下:

reg = /b|c/;
str='cainiao';
execReg(reg,str);

结果是c。
代码如下:

reg = /^b|c.+/;
str='cainiao';
execReg(reg,str);

匹配掉整个cainiao。
代码如下:

reg = /^b|c.+/;
str='bbs.blueidea.com';
execReg(reg,str);

结果只有一个b,而不是整个字符串。因为上面正则表达式的意思是,匹配开头的b或者是c.+。
括号
代码如下:

reg = /^(b|c).+/;
str='bbs.blueidea.com';
execReg(reg,str);

这次的结果是整个串bbs.blueidea.com,机上上面的括号这后,这个正则的意思是,如果字符串的开头是b或者c,那么匹配开头的b或者c以及其后的所有的非换行字符。
如果你也实验了的话,会发现返回的结果后面多出来一个“,b“,这是()内的b|c所匹配的内容。我们在正则表达式内括号里写的内容会被认为是子正则表达式,所匹配的结果也会被记录下来供后面使用。我们暂且不去理会这个特性。

字符集合[abc]
[abc]表示a或者b或者c中的任意一个字符。例如:
代码如下:

reg = /^[abc]/;
str='bbs.blueidea.com';
execReg(reg,str);

返回结果是b。
代码如下:

reg = /^[abc]/;
str='test';
execReg(reg,str);

这次的结果就是null了。

我们在字字符集合中使用如下的表示方式:[a-z],[A-Z],[0-9],分别表示小写字母,大写字母,数字。例如:
代码如下:

reg = /^[a-zA-Z][a-zA-Z0-9_]+/;
str='test';
execReg(reg,str);

结果是整个test,正则的意思是开头必须是英文字母,后面可以是英文字母或者数字以及下划线。

反字符集合[^abc]
^在正则表达式开始部分的时候表示开头的意思,例如/^c/表示开头是c;但是在字符集和中,它表示的是类似“非“的意思,例如[^abc]就表示不能是a,b或者c中的任何一个。例如:
代码如下:

reg = /[^abc]/;
str='blueidea';
execReg(reg,str);

返回的结果是l,因为它是第一个非abc的字符(即第一个b没有匹配)。同样:
代码如下:

reg = /[^abc]/;
str='cainiao';
execReg(reg,str);

则返回i,前两个字符都是[abc]集合中的。
由此我们可知:[^0-9]表示非数字,[^a-z]表示非小写字母,一次类推。

边界与非边界
b表示的边界的意思,也就是说,只有字符串的开头和结尾才算数。例如/bc/就表示字符串开始的c或者是结尾的c。看下面的例子:
代码如下:

reg = /bc/;
str='cainiao';
execReg(reg,str);

返回结果c。匹配到了左边界的c字符。
代码如下:

reg = /bc/;
str='维生素c';
execReg(reg,str);

仍然返回c,不过这次返回的是右侧边界的c。
代码如下:

reg = /bc/;
str='bcb';
execReg(reg,str);

这次匹配失败,因为bcb字符串中的c被夹在中间,既不在左边界也不再右边界。

与b对应B表示非边界。例如:
代码如下:

reg = /Bc/;
str='bcb';
execReg(reg,str);

这次会成功地匹配到bcb中的c,。然而
代码如下:

reg = /Bc/;
str='cainiao';
execReg(reg,str);

则会返回null。因为B告诉正则,只匹配非边界的c。

数字与非数字
d表示数字的意思,相反,D表示非数字。例如:
代码如下:

reg = /d/;
str='cainiao8';
execReg(reg,str);

返回的匹配结果为8,因为它是第一个数字字符。
代码如下:

reg = /D/;
str='cainiao8';
execReg(reg,str);

返回c,第一个非数字字符。

空白
f匹配换页符,n匹配换行符,r匹配回车,t匹配制表符,v匹配垂直制表符。
s匹配单个空格,等同于[fnrtv]。例如:
代码如下:

reg = /s.+/;
str='This is a test String.';
execReg(reg,str);

返回“is a test String.”,正则的意思是匹配第一个空格以及其后的所有非换行字符。

同样,S表示非空格字符。
代码如下:

reg = /S+/;
str='This is a test String.';
execReg(reg,str);

匹配结果为This,当遇到第一个空格之后,正则就停止匹配了。

单词字符
w表示单词字符,等同于字符集合[a-zA-Z0-9_]。例如:
代码如下:

reg = /w+/;
str='blueidea';
execReg(reg,str);

返回完整的blueidea字符串,因为所有字符都是单词字符。
代码如下:

reg = /w+/;
str='.className';
execReg(reg,str);

结果显示匹配了字符串中的className,只有第一个“.”——唯一的非单词字符没有匹配。
代码如下:

reg = /w+/;
str='中文如何?';
execReg(reg,str);

试图用单词字符去匹配中文自然行不通了,返回null。

W表示非单词字符,等效于[^a-zA-Z0-9_]
代码如下:

reg = /W+/;
str='中文如何?';
execReg(reg,str);

返回完整的字符串,因为,无论是中文和“?”都算作是非单词字符。

反向引用
形式如下:/(子正则表达式)1/
依旧用例子来说明:
1.
代码如下:

reg = /w/;
str='blueidea';
execReg(reg,str);

返回b。
2.
代码如下:

reg = /(w)(w)/;
str='blueidea';
execReg(reg,str);

返回bl,b,l
bl是整个正则匹配的内容,b是第一个括号里的子正则表达式匹配的内容,l是第二个括号匹配的内容。
3.
代码如下:

reg = /(w)1/;
str='blueidea';
execReg(reg,str);

则会返回null。这里的“1”就叫做反向引用,它表示的是第一个括号内的字正则表达式匹配的内容。在上面的例子中,第一个括号里的(w)匹配了b,因此“1”就同样表示b了,在余下的字符串里自然找不到b了。
与第二个例子对比就可以发现,“1”是等同于“第1个括号匹配的内容”,而不是“第一个括号的内容”。
代码如下:

reg = /(w)1/;
str='bbs.blueidea.com';
execReg(reg,str);

这个正则则会匹配到bb。

同样,前面有几个子正则表达式我们就可以使用几个反向引用。例如:
代码如下:

reg = /(w)(w)21/;
str='woow';
execReg(reg,str);

会匹配成功,因为第一个括号匹配到w,第二个括号匹配到o,而21则表示ow,恰好匹配了字符串的最后两个字符。

括号(2)
前面我们曾经讨论过一次括号的问题,见下面这个例子:
代码如下:

reg = /^(b|c).+/;
str='bbs.blueidea.com';
execReg(reg,str);

这个正则是为了实现只匹配以b或者c开头的字符串,一直匹配到换行字符,但是。上面我们已经看到了,可以使用“1”来反向引用这个括号里的子正则表达式所匹配的内容。而且exec方法也会将这个字正则表达式的匹配结果保存到返回的结果中。
不记录子正则表达式的匹配结果
使用形如(?:pattern)的正则就可以避免保存括号内的匹配结果。例如:
代码如下:

reg = /^(?:b|c).+/;
str='bbs.blueidea.com';
execReg(reg,str);

可以看到返回的结果不再包括那个括号内的字正则表达式多匹配的内容。
同理,反向引用也不好使了:
代码如下:

reg = /^(b|c)1/;
str='bbs.blueidea.com';
execReg(reg,str);

返回bb,b。bb是整个正则表达式匹配的内容,而b是第一个子正则表达式匹配的内容。
代码如下:

reg = /^(?:b|c)1/;
str='bbs.blueidea.com';
execReg(reg,str);

返回null。由于根本就没有记录括号内匹配的内容,自然没有办法反向引用了。

正向预查
形式:(?=pattern)
所谓正向预查,意思就是:要匹配的字符串,后面必须紧跟着pattern!
我们知道正则表达式/cainiao/会匹配cainiao。同样,也会匹配cainiao9中的cainiao。但是我们可能希望,cainiao只能匹配cainiao8中的菜鸟。这时候就可以像下面这样写:/cainiao(?=8)/,看两个实例:
代码如下:

reg = /cainiao(?=8)/;
str='cainiao9';
execReg(reg,str);

返回null。
代码如下:

reg = /cainiao(?=8)/;
str='cainiao8';
execReg(reg,str);

匹配cainiao。
需要注意的是,括号里的内容并不参与真正的匹配,只是检查一下后面的字符是否符合要求而已,例如上面的正则,返回的是cainiao,而不是cainiao8。

再来看两个例子:
代码如下:

reg = /blue(?=idea)/;
str='blueidea';
execReg(reg,str);

匹配到blue,而不是blueidea。
代码如下:

reg = /blue(?=idea)/;
str='bluetooth';
execReg(reg,str);

返回null,因为blue后面不是idea。
代码如下:

reg = /blue(?=idea)/;
str='bluetoothidea';
execReg(reg,str);

同样返回null。

?!
形式(?!pattern)和?=恰好相反,要求字符串的后面不能紧跟着某个pattern,还拿上面的例子:
代码如下:

reg = /blue(?!idea)/;
str='blueidea';
execReg(reg,str);

返回null,因为正则要求,blue的后面不能是idea。
代码如下:

reg = /blue(?!idea)/;
str='bluetooth';
execReg(reg,str);
/[code]
则成功返回blue。

匹配元字符
首先要搞清楚什么是元字符呢?我们之前用过*,+,?之类的符号,它们在正则表达式中都有一定的特殊含义,类似这些有特殊功能的字符都叫做元字符。例如
reg = /c*/;
表示有任意个c,但是如果我们真的想匹配'c*'这个字符串的时候怎么办呢?只要将*转义了就可以了,如下:
[code]
reg = /c*/;
str='c*';
execReg(reg,str);

返回匹配的字符串:c*。

同理,要匹配其他元字符,只要在前面加上一个“”就可以了。

正则表达式的修饰符
全局匹配,修饰符g
形式:/pattern/g
例子:reg = /b/g;
后面再说这个g的作用。先看后面的两个修饰符。
不区分大小写,修饰符i
形式:/pattern/i
例子:
代码如下:

var reg = /b/;
var str = 'BBS';
execReg(reg,str);

返回null,因为大小写不符合。
代码如下:

var reg = /b/i;
var str = 'BBS';
execReg(reg,str);

匹配到B,这个就是i修饰符的作用了。
行首行尾,修饰符m
形式:/pattern/m
m修饰符的作用是修改^和$在正则表达式中的作用,让它们分别表示行首和行尾。例如:
代码如下:

var reg = /^b/;
var str = 'testnbbs';
execReg(reg,str);

匹配失败,因为字符串的开头没有b字符。但是加上m修饰符之后:
代码如下:

var reg = /^b/m;
var str = 'testnbbs';
execReg(reg,str);

匹配到b,因为加了m修饰符之后,^已经表示行首,由于bbs在字符串第二行的行首,所以可以成功地匹配。
exec方法详解
exec方法的返回值
exec方法返回的其实并不是匹配结果字符串,而是一个对象,简单地修改一下execReg函数,来做一个实验就可以印证这一点:
代码如下:

function execReg(reg,str){
var result = reg.exec(str);
alert(typeof result);
}
var reg = /b/;
var str='bbs.bblueidea.com';
execReg(reg,str);

结果显示result的类型是object。而且是一个类似数组的对象。使用for in可以知道它的属性: index input 0。其中index是表示匹配在原字符串中的索引;而input则是表示输入的字符串;
至于0则是表示只有一个匹配结果,可以用下标0来引用这个匹配结果,这个数量可能改变。我们可以通过返回值的length属性来得知匹配结果的总数量。
根据以上对返回值的分析,修改execReg函数如下:
代码如下:

function execReg(reg,str){
var result = reg.exec(str);
document.write('index:'+result.index+'br /'
+'input:'+result.input+'br /'
);
for(i=0;iresult.length;i++){
document.write('result['+i+']:'+result[i]+'br /')
}
}

马上来实验一下:
代码如下:

var reg = /w/;
var str='bbs.bblueidea.com';
execReg(reg,str);

结果如下:
index:0
input:bbs.bblueidea.com
result[0]:b
输入字符串为bbs.bblueidea.com;
匹配的b在原字符串的索引是0。
正则的匹配结果为一个,b;
代码如下:

var reg = /(w)(w)(.+)/;
var str='bbs.bblueidea.com';
execReg(reg,str);

结果为:
index:0
input:bbs.bblueidea.com
result[0]:bbs.bblueidea.com
result[1]:b
result[2]:b
result[3]:s.bblueidea.com

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

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

var reg = /b/;
var str = 'bbs.blueidea.com';
execReg(reg,str);
execReg(reg,str);

结果如下:
index:0
input:bbs.blueidea.com
result[0]:b
index:0
input:bbs.blueidea.com
result[0]:b
也就是说,两次匹配的结果完全一样,从索引可以看出来,匹配的都是字符串首的b字符。
下面看看设置了g的正则表达式表现如何:
代码如下:

var reg = /b/g;
var str = 'bbs.blueidea.com';
execReg(reg,str);
execReg(reg,str);

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

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

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

function testReg(reg,str){
alert(reg.test(str));
}

实例1
代码如下:

var reg = /b/;
var str = 'bbs.blueidea.com';
testReg(reg,str);

成功,输出true。
实例2
代码如下:

var reg = /9/;
var str = 'bbs.blueidea.com';
testReg(reg,str);

失败,返回false。
使用字符串的方法执行正则表达式
match方法
形式:str.match(reg);
与正则表达式的exec方法类似,该方法同样返回一个类似数组的对象,也有input和index属性。我们定义如下一个函数用来测试:
代码如下:

function matchReg(reg,str){
var result = str.match(reg);
if(result ){
document.write('index:'+result.index+'br /'
+'input:'+result.input+'br /'
);
for(i=0;iresult.length;i++){
document.write('result['+i+']:'+result[i]+'br /')
}
}else{
alert('null:匹配失败!')
}
}

例如:
代码如下:

var reg = /b/;
var str = 'bbs.blueidea.com';
matchReg(reg,str);

结果如下:
index:0
input:bbs.blueidea.com
result[0]:b
可见,和exec的结果一样。
但是如果正则表达式设置了g修饰符,exec和match的行为可就不一样了,见下例:
index:undefined
input:undefined
result[0]:b
result[1]:b
result[2]:b
设置了g修饰符的正则表达式在完成一次成功匹配后不会停止,而是继续找到所有可以匹配到的字符。返回的结果包括了三个b。不过没有提供input和index这些信息。

replace方法
形式:str. replace (reg,'new str');
它的作用是将str字符串中匹配reg的部分用''new str”部分代码,值得注意的是原字符串并不会被修改,而是作为返回值被返回。例子:
代码如下:

var reg = /b/;
var str = 'bbs.blueidea.com';
var newStr = str.replace(reg,'c');
document.write(newStr);

结果为cbs.blueidea.com,只有第一个b被替换为c。
代码如下:

var reg = /b/g;
var str = 'bbs.blueidea.com';
var newStr = str.replace(reg,'c');
document.write(newStr);

输出ccs.clueidea.com
由于,设置了g修饰符,所以会替换掉所有的b。
代码如下:

var reg = /w+/g;
var str = 'bbs.blueidea.com';
var newStr = str.replace(reg,'word');
document.write(newStr);

输出:
word.word.word。
在replace函数中使用$引用子正则表达式匹配内容
就像在正则里我们可以使用1来引用第一个子正则表达式所匹配的内容一样,我们在replace函数的替换字符里也可以使用$1来引用相同的内容。
还是来看一个例子吧:
代码如下:

var reg = /(w+).(w+).(w+)/;
var str = 'bbs.blueidea.com';
var newStr = str.replace(reg,'$1.$1.$1');
document.write(newStr);

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

在来看一个例子,颠倒空格前后两个单词的顺序。
代码如下:

var reg = /(w+)s(w+)/;
var str = 'cainiao gaoshou';
var newStr = str.replace(reg,'$2 $1');
document.write(newStr);

结果为:gaoshou cainiao,也就是空格前后的单词被调换顺序了。

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

var reg = /(w+)s(w+)/;
var str = 'cainiao gaoshou';
var newStr = str.replace(reg,'$$ $$');
document.write(newStr);

结果为:$ $。

search方法和split方法
同样,字符串的search方法和split方法中也可以使用正则表达式,形式如下:
str.search(reg);
search返回正则表达式第一次匹配的位置。例子:
代码如下:

var reg = /idea/;
var str = 'blueidea';
var pos = str.search(reg);
document.write(pos);

结果为4。
下面的例子找出第一个非单词字符:
代码如下:

var reg = /W/;
var str = 'bbs.blueidea.com';
var pos = str.search(reg);
document.write(pos);

结果为3,也就是那个点“.”的位置。
代码如下:

str.split(reg,'seprator');
split返回分割后的数组,例如:
var reg = /W/;
var str = 'bbs.blueidea.com';
var arr = str.split(reg);
document.write(arr);

结果为:bbs,blueidea,com,可见数组被非单词字符分为了有三个元素的数组。
代码如下:

var reg = /W/;
var str = 'http://www.baidu.com/';
var arr = str.split(reg);
document.write(arr.length+'br /');
document.write(arr);

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




  开篇,还是得说说 ^ 和 $ 他们是分别用来匹配字符串的开始和结束,以下分别举例说明:

  "^The": 开头一定要有"The"字符串;

  "of despair$": 结尾一定要有"of despair" 的字符串;

  那么,

  "^abc$": 就是要求以abc开头和以abc结尾的字符串,实际上是只有abc匹配。

  "notice": 匹配包含notice的字符串。

  你可以看见如果你没有用我们提到的两个字符(最后一个例子),就是说 模式(正则表达式) 可以出现在被检验字符串的任何地方,你没有把他锁定到两边。

  接着,说说 '*', '+',和 '?',

  他们用来表示一个字符可以出现的次数或者顺序。 他们分别表示:

  "zero or more"相当于{0,},

  "one or more"相当于{1,},

  "zero or one."相当于{0,1}, 这里是一些例子:

  "ab*": 和ab{0,}同义,匹配以a开头,后面可以接0个或者N个b组成的字符串("a", "ab", "abbb", 等);

  "ab+": 和ab{1,}同义,同上条一样,但最少要有一个b存在 ("ab", "abbb", 等。);

  "ab?":和ab{0,1}同义,可以没有或者只有一个b;

  "a?b+$": 匹配以一个或者0个a再加上一个以上的b结尾的字符串。

  要点, '*', '+',和 '?'只管它前面那个字符。

  你也可以在大括号里面限制字符出现的个数,比如

  "ab{2}": 要求a后面一定要跟两个b(一个也不能少)("abb");

  "ab{2,}": 要求a后面一定要有两个或者两个以上b(如"abb", "abbbb", 等。);

  "ab{3,5}": 要求a后面可以有2-5个b("abbb", "abbbb", or "abbbbb")。

  现在我们把一定几个字符放到小括号里,比如:

  "a(bc)*": 匹配 a 后面跟0个或者一个"bc";

  "a(bc){1,5}": 一个到5个 "bc."

  还有一个字符 '│', 相当于OR 操作:

  "hi│hello": 匹配含有"hi" 或者 "hello" 的 字符串;

  "(b│cd)ef": 匹配含有 "bef" 或者 "cdef"的字符串;

  "(a│b)*c": 匹配含有这样多个(包括0个)a或b,后面跟一个c的字符串;

  一个点('.')可以代表所有的单一字符,不包括"n"

  如果,要匹配包括"n"在内的所有单个字符,怎么办?

  对了,用'[n.]'这种模式。

  "a.[0-9]": 一个a加一个字符再加一个0到9的数字

  "^.{3}$": 三个任意字符结尾 .

  中括号括住的内容只匹配一个单一的字符

  "[ab]": 匹配单个的 a 或者 b ( 和 "a│b" 一样);

         "[a-d]": 匹配'a' 到'd'的单个字符 (和"a│b│c│d" 还有 "[abcd]"效果一样); 一般我们都用[a-zA-Z]来指定字符为一个大小写英文

  "^[a-zA-Z]": 匹配以大小写字母开头的字符串

  "[0-9]%": 匹配含有 形如 x% 的字符串

  ",[a-zA-Z0-9]$": 匹配以逗号再加一个数字或字母结尾的字符串

  你也可以把你不想要得字符列在中括号里,你只需要在总括号里面使用'^' 作为开头 "%[^a-zA-Z]%" 匹配含有两个百分号里面有一个非字母的字符串。

  要点:^用在中括号开头的时候,就表示排除括号里的字符。为了PHP能够解释,你必须在这些字符面前后加'',并且将一些字符转义。

  不要忘记在中括号里面的字符是这条规路的例外?在中括号里面, 所有的特殊字符,包括(''), 都将失去他们的特殊性质 "[*+?{}.]"匹配含有这些字符的字符串。

  还有,正如regx的手册告诉我们: "如果列表里含有 ']', 最好把它作为列表里的第一个字符(可能跟在'^'后面)。 如果含有'-', 最好把它放在最前面或者最后面, or 或者一个范围的第二个结束点[a-d-0-9]中间的‘-'将有效。

  看了上面的例子,你对{n,m}应该理解了吧。要注意的是,n和m都不能为负整数,而且n总是小于m. 这样,才能 最少匹配n次且最多匹配m次。 如"p{1,5}"将匹配 "pvpppppp"中的前五个p.

  下面说说以开头的

  b 书上说他是用来匹配一个单词边界,就是……比如'veb',可以匹配love里的ve而不匹配very里有ve

  B 正好和上面的b相反。例子我就不举了

  ……突然想起来……可以到http://www.phpv.net/article.php/251 看看其它用 开头的语法

  好,我们来做个应用:

  如何构建一个模式来匹配 货币数量 的输入

  构建一个匹配模式去检查输入的信息是否为一个表示money的数字。我们认为一个表示money的数量有四种方式: "10000.00" 和 "10,000.00",或者没有小数部分, "10000" and "10,000". 现在让我们开始构建这个匹配模式:

  ^[1-9][0-9]*$

  这是所变量必须以非0的数字开头。但这也意味着 单一的 "0" 也不能通过测试。 以下是解决的方法:

  ^(0│[1-9][0-9]*)$

  "只有0和不以0开头的数字与之匹配",我们也可以允许一个负号在数字之前:

  ^(0│-?[1-9][0-9]*)$

  这就是: "0 或者 一个以0开头 且可能 有一个负号在前面的数字。" 好了,现在让我们别那么严谨,允许以0开头。现在让我们放弃 负号 , 因为我们在表示钱币的时候并不需要用到。 我们现在指定 模式 用来匹配小数部分:

  ^[0-9]+(.[0-9]+)?$

  这暗示匹配的字符串必须最少以一个阿拉伯数字开头。 但是注意,在上面模式中 "10." 是不匹配的, 只有 "10" 和 "10.2" 才可以。 (你知道为什么吗)

  ^[0-9]+(.[0-9]{2})?$

  我们上面指定小数点后面必须有两位小数。如果你认为这样太苛刻,你可以改成:

  ^[0-9]+(.[0-9]{1,2})?$

  这将允许小数点后面有一到两个字符。 现在我们加上用来增加可读性的逗号(每隔三位), 我们可以这样表示:

  ^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$

  不要忘记 '+' 可以被 '*' 替代 如果你想允许空白字符串被输入话 (为什么?)。 也不要忘记反斜杆 ‘' 在php字符串中可能会出现错误 (很普遍的错误)。

  现在,我们已经可以确认字符串了, 我们现在把所有逗号都去掉 str_replace(",", "", $money) 然后在把类型看成 double然后我们就可以通过他做数学计算了。

  再来一个:

  构造检查email的正则表达式

  在一个完整的email地址中有三个部分:

  1. 用户名 (在 '@' 左边的一切),

  2.'@',

  3. 服务器名(就是剩下那部分)。

  用户名可以含有大小写字母阿拉伯数字,句号 ('.'), 减号('-'), and 下划线 ('_')。 服务器名字也是符合这个规则,当然下划线除外。

         现在, 用户名的开始和结束都不能是句点。 服务器也是这样。 还有你不能有两个连续的句点他们之间至少存在一个字符,好现在我们来看一下怎么为用户名写一个匹配模式:

  ^[_a-zA-Z0-9-]+$

  现在还不能允许句号的存在。 我们把它加上:

  ^[_a-zA-Z0-9-]+(.[_a-zA-Z0-9-]+)*$

  上面的意思就是说: "以至少一个规范字符(除了。)开头,后面跟着0个或者多个以点开始的字符串。"

  简单化一点, 我们可以用 eregi()取代 ereg()。eregi()对大小写不敏感, 我们就不需要指定两个范围 "a-z" 和 "A-Z" ? 只需要指定一个就可以了:

  ^[_a-z0-9-]+(.[_a-z0-9-]+)*$

  后面的服务器名字也是一样,但要去掉下划线:

  ^[a-z0-9-]+(.[a-z0-9-]+)*$

  好。 现在只需要用“@”把两部分连接:

  ^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*$

  这就是完整的email认证匹配模式了,只需要调用

  eregi(‘^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*$ ',$eamil)

  就可以得到是否为email了。

  正则表达式的其他用法

  提取字符串

  ereg() and eregi() 有一个特性是允许用户通过正则表达式去提取字符串的一部分(具体用法你可以阅读手册)。 比如说,我们想从 path/URL 提取文件名 ? 下面的代码就是你需要:

  ereg("([^\/]*)$", $pathOrUrl, $regs);

  echo $regs[1];

  高级的代换

  ereg_replace() 和 eregi_replace()也是非常有用的: 假如我们想把所有的间隔负号都替换成逗号:

  ereg_replace("[ nrt]+", ",", trim($str));

  最后,我把另一串检查EMAIL的正则表达式让看文章的你来分析一下。

  "^[-!#$%&'*+\./0-9=?A-Z^_`a-z{|}~]+'.'@'.'[-!#$%&'*+\/0-9=?A-Z^_`a-z{|}~]+.'.'[-!#$%&'*+\./0-9=?A-Z^_`a-z{|}~]+$"

  如果能方便的读懂,那这篇文章的目的就达到了。
展开更多 50%)
分享

猜你喜欢

javascript正则表达式分析

Web开发
javascript正则表达式分析

JavaScript 正则表达式解析

Web开发
JavaScript 正则表达式解析

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Javascript正则表达式详解

Web开发
Javascript正则表达式详解

JavaScript 实现基础 正则表达式

Web开发
JavaScript 实现基础 正则表达式

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

正则表达式

Web开发
正则表达式

正则表达式口诀 正则表达式学习工具

Web开发
正则表达式口诀 正则表达式学习工具

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

玩转windows7 绝对不能关闭的10大服务

玩转windows7 绝对不能关闭的10大服务

如虎添翼的Windows7快捷键 Win+R一键运行

如虎添翼的Windows7快捷键 Win+R一键运行
下拉加载更多内容 ↓