JavaScript match 和 exec 备忘笔记

这是一道广为引用的面试题: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

 1. exec 是正则表达式的方法,它的参数是字符串;match 是字符串的方法,其参数是正则表达式:

var re=new RegExp(/\d/);

// 正则表达式执行 exec 方法
re.exec( "cd3j23j2nk312k3j");

//字符串执行 match 方法
"cd3j23j2nk312k3j".match(re);

 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 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 永远返回与第一个匹配相关的信息,其返回数组包括第一个匹配的字串,所有分组的反向引用。

引子 “楼兰之风” 原文点击 。。。。。

时间: 2024-10-26 17:29:32

JavaScript match 和 exec 备忘笔记的相关文章

Spring AspectJ的Execution表达式-备忘笔记

Aspectj切入点语法定义 在使用spring框架配置AOP的时候,不管是通过XML配置文件还是注解的方式都需要定义pointcut"切入点" 例如定义切入点表达式  execution (* com.sample.service.impl..*.*(..)) execution()是最常用的切点函数,其语法如下所示: 整个表达式可以分为五个部分: 1.execution(): 表达式主体. 2.第一个*号:表示返回类型,*号表示所有的类型. 3.包名:表示需要拦截的包名,后面的两个

MVC5+Easyui1.3.6+EF6 开发部分备忘笔记

一点一点增加,后面继续. 1.Row Editing in DataGrid 编辑,总是绑定不了checkbox的问题 Status第一次的状态,如果是true, 无论如果都绑定不了checkbox,意思是checkbox的勾一直没有打上,手点之后,下一次编辑,就可以打上了.通过firebug,查看到原因: 如果返回的Json是{"productid":"FI-SW-01","productname":"Koi","

javascript备忘笔记

1.填充VO的顺序是: 函数的形参 -> 函数申明 -> 变量申明. 首先,就是this值是如何定义的,当一个方法在对象上调用的时候,this就指向到了该对象上,例如: var object = { method: function() { alert(this === object); //true }}object.method(); function a() { alert(this);}a.call(null); 了解一下call()是做什么的,call方法作为一个function执行

sqlalchemy备忘 笔记

查询全部记录,返回列表 user = self.dbSession.query(User).all()  #返回列表,全部结果封装在列表中 user = self.dbSession.query(User.username, User.createtime).all()  #返回指定字段,每条记录封装在元组中 user = self.dbSession.query(House).all()      #在添加到add后没有commit前的数据都可以查出来 user = self.dbSessio

java之yield(),sleep(),wait()区别详解-备忘笔记(转)

1.sleep() 使当前线程(即调用该方法的线程)暂停执行一段时间,让其他线程有机会继续执行,但它并不释放对象锁.也就是说如果有synchronized同步快,其他线程仍然不能访问共享数据.注意该方法要捕捉异常. 例如有两个线程同时执行(没有synchronized)一个线程优先级为MAX_PRIORITY,另一个为MIN_PRIORITY,如果没有Sleep()方法,只有高优先级的线程执行完毕后,低优先级的线程才能够执行:但是高优先级的线程sleep(500)后,低优先级就有机会执行了. 总

django允许跨域备忘笔记

详细信息请拜读网址:https://github.com/ottoyiu/django-cors-headers/ 安装: 在virtaulenv环境中执行 pip install django-cors-headers 配置(简配): 进入项目中,打开settings.py文件,在INSTALLED_APPS中加入 INSTALLED_APPS = ( //位置无关先后 'corsheaders', ) 在MIDDLEWARE_CLASSES中加入 MIDDLEWARE_CLASSES = (

java之yield(),sleep(),wait()区别详解-备忘笔记[转]

1.sleep() 使当前线程(即调用该方法的线程)暂停执行一段时间,让其他线程有机会继续执行,但它并不释放对象锁.也就是说如果有synchronized同步快,其他线程仍然不能访问共享数据.注意该方法要捕捉异常. 例如有两个线程同时执行(没有synchronized)一个线程优先级为MAX_PRIORITY,另一个为MIN_PRIORITY,如果没有Sleep()方法,只有高优先级的线程执行完毕后,低优先级的线程才能够执行:但是高优先级的线程sleep(500)后,低优先级就有机会执行了. 总

必应词典3.2去广告备忘笔记(转摘于roustar31)

下载安装包后,沙盘运行,得到本体BingDict_Setup.msi文件,起作用的就是这个,其他的无视了.使用命令行参数:msiexec /a "d:\BingDict_Setup.msi" /qb TARGETDIR="D:\BingDict"  取得本体中的msi文件和安装文件.切换到D:\BingDict\Microsoft Bing Dictionary\template\DefaultTemplate\BingDictDlg目录打开BingDictDlg.

W5500 图片嵌入STM32 FLASH笔记(备忘)

方法一:利用winHex软件将图片转为16进制数组存储在FALSH中 1 __root const char HDMV_HTML[]="<html>" 2 "<head>" 3 "<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />" 4 "<!-- TemplateBeginEditable name='do