- 浏览: 203561 次
- 性别:
- 来自: 合肥
文章分类
- 全部博客 (156)
- 职场人生 (6)
- 开发时遇见的问题 (14)
- 技术学习 (13)
- Hibernate开发与实战学习 (10)
- Junit (9)
- 设计模式 (4)
- Lucene (1)
- Log4J (1)
- JBPM (0)
- OA (0)
- Spring (0)
- Struts2 (1)
- Android (2)
- Python (1)
- 生活点点滴滴 (8)
- Java (11)
- JavaScript&Jquery (22)
- Hadoop (1)
- JSP&Servlet (8)
- dom4j (2)
- mysql (2)
- Oracle (7)
- PHP (0)
- Jmeter (1)
- 测试方面的东东 (1)
- 励志文章 (3)
- CSS (4)
- XHTML&HTML (1)
- Linux相关 (7)
- C&C++ (2)
- Unix C (3)
- 开发软件配置及软件应用 (2)
- English Study And Movie Scripts (3)
- My English World (1)
最新评论
-
yingzhixing:
不错不错~~
利用org.springframework.web.util中的HtmlUtils工具类 -
yonguo:
博主能把完整的pom配置贴一下共享吗?
在maven中使用YUI-Compressor -
yan578351314:
我的为什么会出现语法错误呢?一大推错误信息...
在maven中使用YUI-Compressor -
jstenjoy:
什么是JBPM -
疯狂的草儿:
cat_rat 写道我是2010年9月份进入公司的--2010 ...
辞职了,离开了我工作的第一家公司
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
发表评论
-
Firebug 调试器开发中的12个技巧
2011-05-26 21:14 1568相信很多从事Web开发工作的开发者都听说和使用过Firebu ... -
锋利的jQuery 第三章 jQuery中的DOM操作
2011-02-05 02:04 856第三章 jQuery中的DOM操作 -
锋利的jQuery第二章 选择器
2011-01-31 23:46 982锋利的jQuery第二章 选择器 <!DOC ... -
锋利的Jquery第一章 认识jQuery
2011-01-29 13:34 1100锋利的Jquery第一章jQuery 1.3.1 配置 ... -
fckeditor
2010-12-17 16:24 753下载地址:http://ckeditor.com/downl ... -
JSValidation用户手册
2010-12-17 13:16 11141 . JSValidation是什么? ... -
测试Gadget时,IE7下出现的问题
2010-11-13 08:24 701一个比较弱智的错误: function initSPI ... -
JS中substr和substring的用法和区别
2010-09-10 17:24 758substr 和 substring都是JS ... -
jQuery.extend 函数详解
2010-07-20 16:23 1300JQuery的extend扩展方法: Jqu ... -
判断浏览器的名称和版本的一段javascript
2010-07-07 14:40 942navigator是一个独立的 ... -
FireBug Console API
2010-07-06 14:38 821console.log(object[, object, .. ... -
APtana
2010-07-01 13:29 745http://www.aptana.com/downloads ... -
JS的正则表达式(四)
2010-02-26 14:36 1442括号(2) 前面我们曾经讨论过一次括号的问题,见下面这个例子 ... -
JS的正则表达式(三)
2010-02-26 13:28 1156边界与非边界\b表示的边界的意思,也就是说,只有字符串的开头和 ... -
JS的正则表达式(二)
2010-02-26 10:17 1197二选一,正则表达式中的或,“|“ b|c表示,匹配b或者c。 ... -
JS的正则表达式(一)
2010-02-25 16:05 1360创建一个正则表达式有两种方法 //第一种 var reg ... -
JavaScript函数对象
2010-02-24 10:10 804在JavaScript中,函数也是对象,我们使用下面的语句 ... -
JavaScript常用内置对象(三)
2010-02-24 10:03 1044<script language=" ... -
JavaScript常用内置对象(二)
2010-02-24 09:42 925<script language=" ... -
JavaScript常用对象(一)
2010-02-24 09:13 761<Script language="ja ...
相关推荐
JavaScript 正则表达式迷你书 本书是 JavaScript 正则表达式的入门级教程,旨在帮助读者快速掌握正则表达式的基本概念和应用。下面是本书的知识点摘要: 第一章:正则表达式字符匹配攻略 * 两种模糊匹配:横向...
JavaScript正则表达式是用于匹配字符串模式的强大工具。在验证邮箱和手机号码时,我们需要创建符合特定规则的正则表达式。对于邮箱验证,通常的正则表达式如下: ```javascript var emailRegex = /^[a-zA-Z0-9._%...
js正则表达式,按甲方(银行)提供的个人证件信息采集规则编写的对应正则表达式
### 正则表达式在JavaScript中的应用:限制文本框只能输入数字及小数点 在Web开发中,经常需要对用户输入的数据进行合法性验证。为了确保数据格式正确且符合预期,开发者通常会在前端使用JavaScript结合HTML来实现...
1. JavaScript正则表达式在线测试工具:http://tools.jb51.net/regex/javascript 2. 正则表达式在线生成工具:http://tools.jb51.net/regex/create_reg 这些工具可以帮助开发者快速测试和生成正则表达式,从而提高...
"正则表达式必知必会" 正则表达式是一种强大的文本处理工具,广泛应用于各个领域。下面是对正则表达式的详细解释: 正则表达式的用途 正则表达式主要用于处理文本,提供了两大主要功能:查找和替换。查找功能允许...
在JavaScript中,正则表达式以斜杠“/”包围的形式出现,例如`/pattern/flags`。在处理HTML文档时,经常会遇到需要从HTML代码中提取特定信息的情况,比如从一段字符串中匹配`<div>`和`<style>`标签。 在进行正则...
书中的例子涵盖了多种编程语言,如Perl、Java、JavaScript、.NET等,这些语言的正则表达式引擎虽然大同小异,但在细节上有所区别,学习者将了解到如何在不同环境下应用正则表达式。 对于初学者,书中会引导他们理解...
《JavaScript正则表达式迷你书》是一本关于JavaScript正则表达式的专业书籍,正则表达式是处理字符串的强大工具,广泛应用于编程语言中的文本处理。本书从字符匹配、位置匹配、括号的作用、回溯法原理、拆分、构建和...
JavaScript正则表达式是编程语言中的一个重要组成部分,用于处理文本模式匹配和字符串操作。这篇博客“javascript正则表达式综合练习”可能是一个实践教程或示例集合,旨在帮助开发者提升在JavaScript中使用正则...
js正则表达式校验数字、email、身份证号等
"JS正则表达式葵花宝典"深入讲解了正则表达式的使用技巧和高级特性,特别是针对URL验证的正则表达式,以及递归匹配和非贪婪匹配的概念。 首先,我们来谈谈URL验证的正则表达式。一个完整的URL通常包含协议(如http...
### 正则表达式在JavaScript中的应用全攻略 #### 一、正则表达式的概念及其在JavaScript中的重要性 正则表达式(Regular Expression)是一种强大的文本处理工具,能够帮助开发者进行复杂的字符串搜索和替换。在...
根据提供的文件信息,我们可以整理出一系列与正则表达式相关的知识点。这些知识点涵盖了从基本的数字验证到复杂的字符串匹配等多个方面。下面是详细的知识点总结: ### 基本概念 正则表达式是一种用于文本模式匹配...
- **JavaScript中的正则表达式**:JavaScript的正则表达式对象提供了丰富的功能,包括全局匹配、忽略大小写等选项。 - **.NET框架中的正则表达式**:通过System.Text.RegularExpressions命名空间提供支持。 #### 六...
在编程世界中,三目运算符和正则表达式是两个非常重要的概念,它们各自扮演着独特的角色,同时也常被结合起来使用,以提高代码的简洁性和效率。让我们深入探讨这两个主题。 首先,三目运算符,也称为条件运算符,是...
### js正则表达式详解 #### 一、正则表达式基础知识 正则表达式是一种强大的文本处理工具,被广泛应用于各种编程语言中,用于文本的查找与替换、验证等场景。JavaScript同样支持正则表达式的使用,并且具有非常...