`

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",是不是觉得很奇怪呢?

以下链接提供了一些演示:http://www.webchat.com.cn/exec_match.htm

现在我们再来回顾文章开头提出的问题:

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”

分享到:
评论
3 楼 neaudiy 2009-10-14  
很好,谢谢
2 楼 makemyownlife 2009-06-22  
共同学习!!
1 楼 danielli007 2009-06-22  
学习了,谢谢~!

相关推荐

    深化剖析javascript中的exec与match方法_.docx

    深化剖析javascript中的exec与match方法_.docx

    js正则表达exec与match的区别说明

    文章的主要内容是介绍JavaScript中正则表达式的两个常用方法exec和match的区别。对于经常需要处理文本匹配和数据提取的开发者来说,了解这两个方法的不同用法和返回值是十分重要的。 首先,exec方法是正则表达式...

    深入剖析javascript中的exec与match方法

    在这些方法中,exec和match是两个经常被用到的方法,它们都用于执行正则表达式的匹配操作,但各有特点和用法上的差异。 首先,我们来看exec方法。exec是正则表达式对象的一个方法,它接受一个字符串作为参数,并在...

    js正则表达式中test,exec,match方法的区别说明

    正则表达式中的test、exec和match方法是经常被使用的方法,它们各自有着不同的功能和用途,以下是对这三个方法区别的详细介绍。 首先,test方法主要用于检查一个字符串是否符合某个模式,并返回一个布尔值结果。...

    关于JS中match() 和 exec() 返回值和属性的测试.docx

    在JavaScript中,`match()`和`exec()`是处理正则表达式匹配的两个关键方法,它们主要用于在字符串中查找匹配特定模式的结果。虽然这两个方法在功能上有些相似,但它们的使用方式和返回值有所不同。 1. **match()**...

    js的正则test,match,exec详细解析.docx

    在JavaScript中,有三个主要的正则方法:`test()`、`match()`和`exec()`,它们各自有不同的用途和行为。 1. **`test()`方法**: - `test()`用于测试一个字符串是否符合某个正则表达式的模式。它返回一个布尔值,...

    js中exec、test、match、search、replace、split用法.docx

    以下是关于`exec`、`test`、`match`、`search`、`replace`和`split`这六个方法的详细解释。 1. `exec()`: - `exec()`方法用于在字符串中执行一个正则表达式搜索,并返回匹配的结果。如果找到匹配项,它会返回一个...

    常用javascript案例大全

    if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break } } return strre + "..." } ``` 2. 原生 JavaScript 获取域名主机 在 ...

    javascript 中String.match()与RegExp.exec()的区别说明

    JavaScript为开发者提供了String对象和RegExp对象来处理字符串匹配,其中String对象的match方法和RegExp对象的exec方法是实现正则表达式匹配的主要方式。两者在功能上有相似之处,也有明显的差异,以下详细说明。 ...

    JavaScript中exec函数用法实例分析

    需要注意的是,exec函数和match方法在某些情况下行为是相似的,但它们之间也存在区别。例如,exec总是返回捕获组信息,即使没有设置全局标志,而match方法在没有设置全局标志时不会返回捕获组信息。另外,exec是正则...

    JavaScript正则表达式exec/g实现多次循环用法示例

    标题和描述中提到了JavaScript正则表达式中exec方法和全局修饰符g的用法,并通过实例演示了如何使用它们来实现对字符串的多次循环匹配。在JavaScript中,正则表达式用于进行模式匹配和文本处理,而exec方法和全局...

    js中exec、test、match、search、replace、split用法

    以下是对`exec`、`test`、`match`、`search`、`replace`和`split`这六个方法的详细解释: 1. `exec()`: - `exec()`方法用于在字符串中执行一个正则表达式,返回一个数组,包含匹配的结果以及相关信息。如果匹配...

    JavaScript正则表达式小结(test|match|search|replace|split|exec)|angluo-javascript-172930.pdf

    JavaScript提供了六种与正则表达式相关的方法,分别对应于不同的应用场景:test、match、search、replace、split、exec。 1. test 方法:用于检测一个字符串是否匹配某个模式,如果字符串中有符合模式的子串返回 ...

    JavaScript核心对象参考手册

    6. **正则表达式RegExp**: `RegExp`对象用于处理正则表达式,`exec`和`test`用于匹配字符串,`match`、`search`和`split`在字符串操作中广泛应用正则表达式。 7. **对象操作Object**: `Object`对象提供了`keys`、`...

    关于JS中match() 和 exec() 返回值和属性的测试

    在JavaScript中,`match()` 和 `exec()` 都是用来处理字符串和正则表达式匹配的函数,但它们有一些关键的区别和特性。这篇文章将深入探讨这两个方法的返回值和相关属性。 首先,`match()` 是 String 对象的一个方法...

    javascript正则表达式全解析文档

    ### JavaScript正则表达式全解析 #### 正则表达式的定义与使用 在JavaScript中,正则表达式是一种用于处理字符串的强大工具。它允许我们执行复杂的字符串搜索和替换操作。正则表达式对象可以通过两种方式创建:一...

Global site tag (gtag.js) - Google Analytics