JS的正则表达式(一)

创建一个正则表达式有两种方法

//第一种
var reg = /pattern/;
//第二种
var reg = new  RegExp('pattern');

正则表达式的exec方法简介

reg.exec(str);

  其中str为要执行正则表达式的目标字符串。

eg：

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

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

一片两片三四片，落尽正则全不见

上面的小标题翻译成正则就是{1},{2},{3,4},{1,}。

c{n}

{1}表示一个的意思。

/c{1}/只能匹配一个c。

/c{2}/则会匹配两个连续的c。

以此类推,

/c{n}/则会匹配n个连续的c。

看下面的例子：

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

 返回结果为c。

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

 返回结果为：null ，表示匹配没有成功。

 

c{m,n}

c{3,4}的意思是，连续的3个c或者4个c。

例如

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

 

返回结果：ccc

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

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

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

 

 仍然只匹配4个c。

 由以上例子可以推断出，c{m,n}表示m个到n个c，且m小于等于n。

c{n,}

c{1,}表示1个以上的c。例如：

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

 结果返回c。

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

 结果返回：ccccc，再次说明了正则表达式会尽量多地匹配。

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

 

结果返回null，c{2,}表示2个以上的连续c，而crazycao中只有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}?

同样来看一个例子：

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

 返回的结果只有1个c，尽管有5个c可以匹配，但是由于正则表达式是非贪心模式，所以只会匹配一个。

 

/^开头,结尾$/

^表示只匹配字符串的开头。看下面的例子：

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

结果为null，因为字符串‘维生素c’的开头并不是c，所以匹配失败。 

 

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

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

与^相反，$则只匹配字符串结尾的字符，同样，看例子：

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

 返回null，表示正则表达式没能在字符串的结尾找到c这个字符。

 

 

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

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

点’.’

.’会匹配字符串中除了换行符\n之外的所有字符，例如

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

 结果显示，正则匹配到了字符c。

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

 这次是b

<script  type="text/javascript">
	function execReg(reg,str){
			var result = reg.exec(str);
			alert(result);
		}
		reg = /.+/;
		str='javaeye——经典论坛  好_。';
		execReg(reg,str);
</script>

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

 

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

 同样，直接返回整个字符串——iteye.com，可见”.”也匹配”.”本身。

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

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