- 浏览: 199260 次
- 性别:
- 来自: 合肥
文章分类
- 全部博客 (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 1541相信很多从事Web开发工作的开发者都听说和使用过Firebu ... -
锋利的jQuery 第三章 jQuery中的DOM操作
2011-02-05 02:04 838第三章 jQuery中的DOM操作 -
锋利的jQuery第二章 选择器
2011-01-31 23:46 962锋利的jQuery第二章 选择器 <!DOC ... -
锋利的Jquery第一章 认识jQuery
2011-01-29 13:34 1072锋利的Jquery第一章jQuery 1.3.1 配置 ... -
fckeditor
2010-12-17 16:24 732下载地址:http://ckeditor.com/downl ... -
JSValidation用户手册
2010-12-17 13:16 10851 . JSValidation是什么? ... -
测试Gadget时,IE7下出现的问题
2010-11-13 08:24 676一个比较弱智的错误: function initSPI ... -
JS中substr和substring的用法和区别
2010-09-10 17:24 734substr 和 substring都是JS ... -
jQuery.extend 函数详解
2010-07-20 16:23 1261JQuery的extend扩展方法: Jqu ... -
判断浏览器的名称和版本的一段javascript
2010-07-07 14:40 916navigator是一个独立的 ... -
FireBug Console API
2010-07-06 14:38 789console.log(object[, object, .. ... -
APtana
2010-07-01 13:29 700http://www.aptana.com/downloads ... -
JS的正则表达式(四)
2010-02-26 14:36 1414括号(2) 前面我们曾经讨论过一次括号的问题,见下面这个例子 ... -
JS的正则表达式(三)
2010-02-26 13:28 1135边界与非边界\b表示的边界的意思,也就是说,只有字符串的开头和 ... -
JS的正则表达式(二)
2010-02-26 10:17 1157二选一,正则表达式中的或,“|“ b|c表示,匹配b或者c。 ... -
JS的正则表达式(一)
2010-02-25 16:05 1327创建一个正则表达式有两种方法 //第一种 var reg ... -
JavaScript函数对象
2010-02-24 10:10 785在JavaScript中,函数也是对象,我们使用下面的语句 ... -
JavaScript常用内置对象(三)
2010-02-24 10:03 1020<script language=" ... -
JavaScript常用内置对象(二)
2010-02-24 09:42 903<script language=" ... -
JavaScript常用对象(一)
2010-02-24 09:13 731<Script language="ja ...
相关推荐
js的正则表达式js的正则表达式js的正则表达式js的正则表达式
许多语言,包括Perl、PHP、Python、JavaScript和JScript,都支持用正则表达式处理文本,一些文本编辑器用正则表达式实现高级“搜索-替换”功能。那么Java又怎样呢?本文写作时,一个包含了用正则表达式进行文本处理...
js正则表达式,按甲方(银行)提供的个人证件信息采集规则编写的对应正则表达式
js正则表达式限制文本框只能输入数字,能输小数点.js正则表达式限制文本框只能输入数字,能输小数点.
javascript正则表达式迷你书 (1).pdf
js正则表达式限制文本框只能输入字母和汉字js正则表达式限制文本框只能输入字母和汉字
js正则表达式校验数字、email、身份证号等
正则表达式 JS 身份证验证 正则表达式 JS 身份证验证 正则表达式 JS 身份证验证
对于如何使用正则表达式来解决性能不佳、误报、漏报等常见的错误以及完成一些常见的任务,《正则表达式经典实例》给出了涉及基于C#、Java、JavaScript、Perl、PHP、Python、Ruby和VB.NET等编程语言的解决方案。...
了解正则表达式概念 掌握正则表达式的语法 熟练掌握正则表达式在JavaScript中的应用
jq非空验证,为空的时候input后面加红色字体的用户名不能为空。 js正则表达式验证邮箱和手机号码,验证邮箱必须含有@符,手机号码必须1开头并且固定11个字符
使用JS正则表达式,选取video元素的src属性的值,利用jQuery选取元素
ECMAScript v3对JavaScript正则表达式进行了标准化。JavaScript 1.2实现了ECMAScript v3要求的正则表达式特性的子集,JavaScript 1.5实现了完整的标准。JavaScript的正则表达式完全以Perl程序设计语言的正则表达式...
该文件中统计的正则表达式包含以下内容(都是实际项目中使用的,经过测试): 1、大于等于0的值,允许输入两位小数(边界值:100.0,100.00等值都已包含在验证的里面); 2、大于3小于40的整数; 3、0到1之间的小数...
JavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全.txtJavaScript验证正则表达式大全....
正则表达式是程序员必备的强大工具,得到了各种Unix实用程序,以及Perl、Java、JavaScript、C#等编程语言的支持。读完本书,你会对正则表达式的常用语法了然于胸。掌握正则表达式是提升编程效率、节约时间的一大法.....
JS正则表达式大全(正则表达式用于简化js中的代码,做网页的朋友可以只作了解,能实现效果会用就行,不需自己能写出来)。
包含js正则表达式基础知识、Jakarta-ORO库和一些HTML应用实例
javascript常用正则表达式大全,基本覆盖基本需求的正则表达式