`

JS的正则表达式(五)

阅读更多

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>
 

结果显示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>

 结果如下:

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>

 由上面两个例子可见,返回对象[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> 

结果:

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>
 

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>

成功,输出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>

 失败,输出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>

 结果:

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>

 结果为:crazyc

<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>

 运行结果: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>

 返回结果是:5

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

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

 返回结果:5

 

 

 

 

0
0
分享到:
评论

相关推荐

    javascript正则表达式迷你书 (1).pdf

    JavaScript 正则表达式迷你书 本书是 JavaScript 正则表达式的入门级教程,旨在帮助读者快速掌握正则表达式的基本概念和应用。下面是本书的知识点摘要: 第一章:正则表达式字符匹配攻略 * 两种模糊匹配:横向...

    jq非空验证,js正则表达式验证邮箱和手机号码

    JavaScript正则表达式是用于匹配字符串模式的强大工具。在验证邮箱和手机号码时,我们需要创建符合特定规则的正则表达式。对于邮箱验证,通常的正则表达式如下: ```javascript var emailRegex = /^[a-zA-Z0-9._%...

    js正则表达式(姓名、证件号码)

    js正则表达式,按甲方(银行)提供的个人证件信息采集规则编写的对应正则表达式

    js正则表达式限制文本框只能输入数字,能输小数点.

    ### 正则表达式在JavaScript中的应用:限制文本框只能输入数字及小数点 在Web开发中,经常需要对用户输入的数据进行合法性验证。为了确保数据格式正确且符合预期,开发者通常会在前端使用JavaScript结合HTML来实现...

    Java使用正则表达式提取XML节点内容的方法示例

    1. JavaScript正则表达式在线测试工具:http://tools.jb51.net/regex/javascript 2. 正则表达式在线生成工具:http://tools.jb51.net/regex/create_reg 这些工具可以帮助开发者快速测试和生成正则表达式,从而提高...

    正则表达式必知必会v_1.0.pdf

    "正则表达式必知必会" 正则表达式是一种强大的文本处理工具,广泛应用于各个领域。下面是对正则表达式的详细解释: 正则表达式的用途 正则表达式主要用于处理文本,提供了两大主要功能:查找和替换。查找功能允许...

    JavaScript正则表达式匹配 div style标签

    在JavaScript中,正则表达式以斜杠“/”包围的形式出现,例如`/pattern/flags`。在处理HTML文档时,经常会遇到需要从HTML代码中提取特定信息的情况,比如从一段字符串中匹配`&lt;div&gt;`和`&lt;style&gt;`标签。 在进行正则...

    精通正则表达式中文版英文版_中文版为扫描版

    书中的例子涵盖了多种编程语言,如Perl、Java、JavaScript、.NET等,这些语言的正则表达式引擎虽然大同小异,但在细节上有所区别,学习者将了解到如何在不同环境下应用正则表达式。 对于初学者,书中会引导他们理解...

    JavaScript正则表达式迷你书

    《JavaScript正则表达式迷你书》是一本关于JavaScript正则表达式的专业书籍,正则表达式是处理字符串的强大工具,广泛应用于编程语言中的文本处理。本书从字符匹配、位置匹配、括号的作用、回溯法原理、拆分、构建和...

    javascript正则表达式综合练习

    JavaScript正则表达式是编程语言中的一个重要组成部分,用于处理文本模式匹配和字符串操作。这篇博客“javascript正则表达式综合练习”可能是一个实践教程或示例集合,旨在帮助开发者提升在JavaScript中使用正则...

    js正则表达式校验数字、email、身份证号等

    js正则表达式校验数字、email、身份证号等

    JS正则表达式葵花宝典

    "JS正则表达式葵花宝典"深入讲解了正则表达式的使用技巧和高级特性,特别是针对URL验证的正则表达式,以及递归匹配和非贪婪匹配的概念。 首先,我们来谈谈URL验证的正则表达式。一个完整的URL通常包含协议(如http...

    js_正则表达式全攻略

    ### 正则表达式在JavaScript中的应用全攻略 #### 一、正则表达式的概念及其在JavaScript中的重要性 正则表达式(Regular Expression)是一种强大的文本处理工具,能够帮助开发者进行复杂的字符串搜索和替换。在...

    常用正则表达式大全.txt

    根据提供的文件信息,我们可以整理出一系列与正则表达式相关的知识点。这些知识点涵盖了从基本的数字验证到复杂的字符串匹配等多个方面。下面是详细的知识点总结: ### 基本概念 正则表达式是一种用于文本模式匹配...

    精通正则表达式(第三版)简体中文版

    - **JavaScript中的正则表达式**:JavaScript的正则表达式对象提供了丰富的功能,包括全局匹配、忽略大小写等选项。 - **.NET框架中的正则表达式**:通过System.Text.RegularExpressions命名空间提供支持。 #### 六...

    三目运算符+正则表达式

    在编程世界中,三目运算符和正则表达式是两个非常重要的概念,它们各自扮演着独特的角色,同时也常被结合起来使用,以提高代码的简洁性和效率。让我们深入探讨这两个主题。 首先,三目运算符,也称为条件运算符,是...

    js正则表达式详解

    ### js正则表达式详解 #### 一、正则表达式基础知识 正则表达式是一种强大的文本处理工具,被广泛应用于各种编程语言中,用于文本的查找与替换、验证等场景。JavaScript同样支持正则表达式的使用,并且具有非常...

Global site tag (gtag.js) - Google Analytics