JavaScript正则表达式详解（二）JavaScript中正则表达式函数详解

二、JavaScript中正则表达式函数详解（exec, test, match, replace, search, split）

1、使用正则表达式的方法去匹配查找字符串

1.1. 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; i<result.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属性开始匹配，也就是上面两个例子结果不同的原因了。

1.2.正则表达式的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。

2、使用字符串的方法执行正则表达式

2.1. 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;i<result.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这些信息。

2.2. 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);

结果为：$ $。

2.3. search()方法和 2.4. 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个元素的数组，其中包括了三个为空字符串的元素。

附：JavaScript正则表达式详解（一）正则表达式入门

JavaScript正则表达式详解（二）JavaScript中正则表达式函数详解的更多相关文章

【转】linux 中fork()函数详解
在看多线程的时候看到了这个函数,于是学习了下,下面文章写的通俗易懂,于是就开心的看完了,最后还是很愉快的算出了他最后一个问题. linux 中fork()函数详解一.fork入门知识一个进程,包括 ...
JavaScript基础内容中的函数详解
函数函数:即方法函数就是一段预先设置的功能代码块,可以反复调用,根据输入参数的不同,返回不同的值. 为什么使用函数: 1.方便调用 2.代码重用,利于维护 3.便于修改,便于重构 4.简化逻辑,利 ...
JavaScript学习总结(十二)——JavaScript编写类
在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到 ...
Linux中fork()函数详解（转载）
linux中fork()函数详解一.fork入门知识一个进程,包括代码.数据和分配给进程的资源.fork()函数通过系统调用创建一个与原来进程几乎完全相同的进程,也就是两个进程可以做完全相同的事, ...
python中groupby函数详解（非常容易懂）
一.groupby 能做什么? python中groupby函数主要的作用是进行数据的分组以及分组后地组内运算! 对于数据的分组和分组运算主要是指groupby函数的应用,具体函数的规则如下: df[ ...
php中magic_quotes_gpc函数详解
magic_quotes_gpc函数在php中的作用是判断解析用户提示的数据,如包括有:post.get.cookie过来的数据增加转义字符“\”,以确保这些数据不会引起程序,特别是数据库语句因为特殊 ...
python unittest框架中addCleanup函数详解
接上一篇doCleanups说明,这次介绍下另一个很好用的函数:addCleanup 还是老规矩,看官方文档说明: addCleanup(function, *args, **kwargs)¶ Add ...
java学习(二)多态中成员变量详解
今天我总结了一下java多态中成员变量的赋值与调用举一个我当初做过的小案例: class Fu{ int num; void show(){} } class Zi extends Fu{ //in ...
《Javascript高级程序设计》读书笔记之bind函数详解
为什么需要bind var name = "The Window"; var object = { name: "My Object", getNameFunc ...
JQuery中on()函数详解
JQuery API中定义的on方法,专业名词很多,读起来并不是那么容易,而对于开发人员知道函数怎么使用就可以了.本文将JQuery的说明翻译如下: on(events,[selector],[dat ...

随机推荐

postman使用之三：API请求和查看响应结果
请求 postman支持很多请求类型,界面左侧可以看到请求类型:get.post.put.patch等,右侧是发送和保存按钮,下方是请求支持的认证方式.信息头.信息体.私有脚本和测试结果.下面我们介绍 ...
【读书笔记《Bootstrap 实战》】1.初识Bootstrap
作为Web前端开发框架,Bootstrap为大多数标准的UI设计常见提供了用户友好.扩浏览器的解决方案. 1.下载Bootstrap 打开官方网址 http://getbootstrap.com/ 进 ...
pycharm的使用破解和Anaconda的使用
1.pycharm的破解: 版本: pycharm 2016.2.3 链接: 下载专业版本下面是这个版本的注册码: 43B4A73YYJ-eyJsaWNlbnNlSWQiOiI0M0I0QTcz ...
嵌入式Linux驱动学习之路(十二)按键驱动-poll机制
实现的功能是在读取按键信息的时候,如果没有产生按键,则程序休眠在read函数中,利用poll机制,可以在没有退出的情况下让程序自动退出. 下面的程序就是在读取按键信息的时候,如果5000ms内没有按键 ...
C#.NET 大型通用信息化系统集成快速开发平台 4.1 版本 - 远程同步服务器大量基础数据到客户端
服务器上保存有上万条的基础数据,需要同步到全国各地的成千上万个客户端,而且这些基础数据也经常在有变化调整.这时候需要有一个稳定的数据同步程序,能分批同步基础数据,由于网络流量,网络的稳定性等因素,需要 ...
js实现弹框及自动关闭
<SCRIPT LANGUAGE="javascript"> < !-- window.open (''page.html'',''newwindow'',''h ...
try catch中用了 Response.Redirect 引发的线程异常终止
记录一下,提醒自己. 今天写代码的时候,在try 中写了一句 Response.Redirect 在 catch 把页面重定向到了另外一个地方本来是想打算,如果没出现异常,就定到页面A,如果异常了 ...
html中的rel，rev是什么？
html中的rel,rev是什么? 这2个标记主要是用于表示文档之间的联系,rel是从源文档到目标文档的关系:rev是从目标文档到源文档的关系经常用到的属性如下: Alternate - 定义交替出 ...
HTML form 表单
1.id.name的关系通常我们在写HTML代码时,会给控件指定一个id属性,这个属性只供JS和CSS使用,在表单提交时,它不起任何作用; 在HTML代码中我们会指定不同的value为各个不同的控件 ...
.dwg(sw)-exb
尺寸风格:除了标准外合并,合并好后删除. 文本风格:除了标准外合并,合并好后删除.

JavaScript正则表达式详解（二）JavaScript中正则表达式函数详解

JavaScript正则表达式详解（二）JavaScript中正则表达式函数详解的更多相关文章

随机推荐

热门专题