彻底领悟javascript中的exec与match方法
阅读本文之前,请先看下面一道题:
题目17:Read the following javascript code:
var someText="web2.0 .net2.0";
var pattern=/(\w+)(\d)\.(\d)/g;
var outCome_exec=pattern.exec(someText);
var outCome_matc=someText.match(pattern);
What is outCome_exec[1] and outCome_matc[1]?
Choice A: true
Choice B: false
Choice C: null
Choice D: Web
Choice E: Web2.0
Choice F: undefined
Choice G: net2.0
这道题据说是深信服公司的一道笔试题,也是引起我写今天这篇文章的原因,不过题目我稍微修改了一下,如果这道题你答对了,你可以不往下面看了。
javascript中与正则表达式有关的匹配字符串的函数主要有RegExp类的方法exec(string)以及String类的方法match(regex),当然还有一些其他的方法,这里不作讨论,但是可能不少程序员都会混淆exec和match,这里列举二者的重点特性:
1、
exec是正则表达式的方法,而不是字符串的方法,它的参数才是字符串,如下所示:
var re=new RegExp(/\d/);
re.exec( "abc4def" );
或者使用perl风格:
/\d/.exec( "abc4def" );
match才是字符串类提供的方法,它的参数是正则表达式对象,如下用法是正确的:
"abc4def".match(\d);
2、
exec和match返回的都是数组
如果执行exec方法的正则表达式没有分组(没有括号括起来的内容),那么如果有匹配,他将返回一个只有一个元素的数组,这个数组唯一的元素就是该正则表达式匹配的第一个串;如果没有匹配则返回null。
下面两个alert函数弹出的信息是一样的:
var str= "cat,hat" ;
var p=/at/; //没有g属性
alert(p.exec(str))
alert(str.match(p))
都是"at"。在这种场合下exec等价于match。
但是如果正则表达式是全局匹配(g属性)的,那么以上代码结果不一样了:
var str= "cat,hat" ;
var p=/at/g; //注意g属性
alert(p.exec(str))
alert(str.match(p))
分别是
"at"
"at,at"。
因为exec永远只返回第一个匹配,而match在正则指定了g属性的时候,会返回所有匹配。
3、
exec如果找到了匹配,而且包含分组的话,返回的数组将包含多个元素,第一个元素是找到的匹配,之后的元素依次为该匹配中的第一、第二...个分组(反向引用)
如下的代码将弹出"cat2,at":
var str= "cat2,hat8" ;
var p=/c(at)\d/;
alert(p.exec(str))
其中第一个元素是匹配的字符串"cat2",之后的元素是括号中匹配的"at"。
4、
match函数在满足如下条件下将越俎代庖,实现和exec一样的功能:
1、正则表达式中含有分组(括号)
2、
返回唯一的匹配(注意是唯一)
且看如下的代码:
var str= "cat2,hat8" ;
var p=/c(at)\d/;
alert(p.exec(str))
alert(str.match(p))
都将弹出消息"cat2,at",是不是觉得很奇怪呢?
如果返回的匹配不是唯一的话
如:
var str= "cat2,hat8,cat3" ;
var p=/c(at)\d/g;
alert(str.match(p))
则弹出的信息是"cat2,cat3"。
现在我们再来回顾文章开头提出的问题:
var someText= "web2.0 .net2.0" ;
var pattern=/(\w+)(\d)\.(\d)/g;
var outCome_exec=pattern.exec(someText);
var outCome_matc=someText.match(pattern);
分析:
outCome_exec的值:pattern中的g属性对exec函数是没有任何作用的,因此exec将匹配第一个可以匹配的字串“web2.0”,作为其返回数组的第一个元素,另外由于pattern中包含三个分组((\w+)、(\d)、(\d)),因此该数组还将包含三个元素,依次是“web”、“2”、“0”,所以该exec执行后的最终结果是:["web2.0","web","2","0"]
outCome_matc的值:由于pattern是全局匹配的,因此match匹配了所有可以匹配的字串,因此结果数组的值outCome_matc为["web2.0","net2.0"]。如果pattern没有g属性,那么它将与outCome_exec结果一样,因为符合本文第4小节所描述的条件:有分组且返回唯一匹配!
总结:
match是返回所有匹配的字符串合成的数组,但是正则表达式必须指定全局g属性才能返回所有匹配,不指定g属性则会返回一个只有一个元素的数组。
exec永远返回与第一个匹配相关的信息,其返回数组包括第一个匹配的字串,所有分组的反向引用。
-------------------------------------------
某些情况下exec返回的结果和match返回的结果一样:
var str= "cat,hat" ;
var p=/at/; //没有g属性
alert(p.exec(str))
alert(str.match(p))
都弹出“at”
-------------------------------------------
某些情况下match返回的结果和exec返回的结果一样:
var str= "cat2,hat8" ;
var p=/c(at)\d/;
alert(p.exec(str))
alert(str.match(p))
都弹出“cat2,at”
分享到:
相关推荐
深化剖析javascript中的exec与match方法_.docx
在这些方法中,exec和match是两个经常被用到的方法,它们都用于执行正则表达式的匹配操作,但各有特点和用法上的差异。 首先,我们来看exec方法。exec是正则表达式对象的一个方法,它接受一个字符串作为参数,并在...
文章的主要内容是介绍JavaScript中正则表达式的两个常用方法exec和match的区别。对于经常需要处理文本匹配和数据提取的开发者来说,了解这两个方法的不同用法和返回值是十分重要的。 首先,exec方法是正则表达式...
正则表达式中的test、exec和match方法是经常被使用的方法,它们各自有着不同的功能和用途,以下是对这三个方法区别的详细介绍。 首先,test方法主要用于检查一个字符串是否符合某个模式,并返回一个布尔值结果。...
为了解决这个问题,一些开发者创建了库,如压缩包中的"match-master",它提供了一种扩展JavaScript语法的方法,使得模式匹配成为可能。这些库通常使用元编程技术,如函数式编程中的高阶函数,来实现自定义的匹配逻辑...
JavaScript为开发者提供了String对象和RegExp对象来处理字符串匹配,其中String对象的match方法和RegExp对象的exec方法是实现正则表达式匹配的主要方式。两者在功能上有相似之处,也有明显的差异,以下详细说明。 ...
在JavaScript中,`match`函数是一种非常实用的方法,主要用于通过正则表达式在字符串中查找特定的模式。该函数可以返回一个数组或者null,具体取决于查找是否成功以及正则表达式的配置。本文将详细介绍`match`函数的...
在JavaScript中,`match()`和`exec()`是处理正则表达式匹配的两个关键方法,它们主要用于在字符串中查找匹配特定模式的结果。虽然这两个方法在功能上有些相似,但它们的使用方式和返回值有所不同。 1. **match()**...
JavaScript应用实例-match的实践.js
同时,文章还通过具体示例展示了如何在JavaScript中使用正则表达式的exec、test、match、replace、search和split方法。 适合人群:具备基本JavaScript编程基础,对正则表达式有一定了解的开发人员。 使用场景及目标...
标题“javascript调用delphi中的函数”涉及到的技术领域是跨语言通信,具体是JavaScript与Delphi之间的交互。这种交互通常发生在Web应用程序与桌面应用程序的集成,或者在浏览器扩展和本地资源之间。以下是对这一...
javascript中的match函数是使用正则表达式对字符串进行查找,并将查找的结果作为数组返回,在实际开发中非常的有用,使用方法如下: stringObj.match(rgExp) 其中stringObj是必选项。对其进行查找的 String 对象或字符...
JavaScript 是一种广泛应用于 Web 开发中的脚本语言,下面是常用的 JavaScript 案例大全,包括原生 JavaScript 实现字符串长度截取、获取域名主机、清除空格、替换全部、转义 HTML 标签、还原 HTML 标签、时间日期...
6. **正则表达式RegExp**: `RegExp`对象用于处理正则表达式,`exec`和`test`用于匹配字符串,`match`、`search`和`split`在字符串操作中广泛应用正则表达式。 7. **对象操作Object**: `Object`对象提供了`keys`、`...
JavaScript应用实例-exec的实践.js
`exec()`方法用于检索字符串中的指定值。它返回一个数组,包含了所有匹配的结果以及匹配的位置信息。如果没有找到匹配,则返回`null`。 ```javascript var pat = /hello/; console.log(pat.exec("ohhelloworld")); ...