深入了解javascript中的exec与match方法

2024-06-15 08:32
文章标签 java 方法 script 深入 了解 exec match

本文主要是介绍深入了解javascript中的exec与match方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

这是我在csdn上的一篇文章，今天又忘记match的特性了，发现知识还得温故而知新啊。

      

　　 一直以来对exec和match方法的区别有些混淆，今天重看帮助文档（帮助文档中主要依据一些晦涩的例子佐证，无助于理解），然后在百度搜集了下一些介绍文章，其中下面一篇文章（楼兰之风...的《彻底领悟javascript中的exec与match方法》）被多次检索，并在百度搜索第一条。但是看完后，做了些例子，发现作者的结论有些问题，更正下，以避免误导各位筒子们。

1.微笑在看文章之前之前，引用下这个经典面试题，如果知晓一下题目的答案，那就没有必要往下看了。

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分钟ing........

 

 

 

 

 

 

            有些知识没用过，思考两天也没用，所以思考不用太久。碰见这样问题就直接google和百度吧！
2.思考未果完毕，现在看原文以及文中的结论：

作者原文如下：

 http://www.cnblogs.com/xiehuiqi220/archive/2008/11/05/1327487.html

 

最后作者总结的结论如下：

a）match是返回所有匹配的字符串合成的数组，但是正则表达式必须指定全局g属性才能返回所有匹配，不指定g属性则会返回一个只有一个元素的数组。

b）exec永远返回与第一个匹配相关的信息，其返回数组包括第一个匹配的字串，所有分组的反向引用。

3.发现问题：

3-1）以上结论是错误的。在使用match方法时，如果不指定g属性，则与RegExp对象的exec方法可以等价，而不是只有一个元素的数组。

举例：

var str= "ahi" ;
var exp=/a(hi)/;

var arr1 = exp.exec(str);
var arr2 = str.match(exp);
alert(arr1);//结果：arr1.length==2;arr1[0]==ahi;arr1[1]==hi;
alert(arr2);//结果：arr2.length==2;arr2[0]==ahi;arr1[1]==hi;结果同上

 

 

3-2）同时，在js帮助文档中，在执行exec方法时，如果有属性g，将该对象的匹配的开始位置设置到紧接这匹配子串的字符位置，当第二次调用exec时，将从
lastIndex所指示的字符位置开始检索。利用这个特点可以反复调用exec遍历所有匹配，此时等价于match具有g属性的情况（其实就是将匹配的结果放入Matches 集合中去了）。

举例如下：

a）有属性g的情况时，更新了index和lastIndex，对下次检索起到作用：

function RegExpTest() {
    var src = "The rain in Spain falls mainly in the plain.";
    var re = /(\w+)/g; // 创建正则表达式模式。    
    var arr;
    while ((arr = re.exec(src)) != null){
     document.write(arr.index + "-" + RegExp.lastIndex + "\t" + arr[0]);//此处RegExp.lastIndex和arr.lastIndex均有同样的属性，可以互换。在此注意IE6和7的lastIndex重设置0的bug

    }
};

RegExpTest();

//以上例子可以遍历所匹配的内容。并可得到每个小匹配的index和lastIndex；

b）如果以上例子没有g的情况，则以上例子，exec方法没有更新RegExp 对象的全局属性（index、lastIndex等），以上例子会陷入死循环，index和lastIndex一直为0和3

 

可见属性g在exec过程中可以改变index和lastIndex等的值，以便下一次检索的位置，match方法无此能力。

 

4.关于index和lastIndex等属性（帮助中还有leftContext、rightContext、lastMatch、lastParen(最后一个括号)，但是这些属性均以index和lastindex为基础）。

4-1）只读属性。

如下例子：

    var src = "The rain in Spain falls mainly in the plain.";
    var re = /(\w+)/g; // 创建正则表达式模式。   
    var arr;
    arr = re.exec(src);    
    RegExp.lastIndex = 0;
    RegExp.index = 0;
    arr.lastIndex = 0;
    arr.index = 0;

    document.write(arr.index + "-" + arr.lastIndex + "\t" + arr[0]+"**********"+RegExp.index + "-" + RegExp.lastIndex + "\t" + arr[0]);

    //结果为0-0 The**********0-3 The。

究其原因也就是RegExp的属性是只读的，即使js语言的灵活性，可以修任何属性或添加任何属性，均不报语法错误。但是依旧无法RegExp的属性更改，但是arrary对象则是可以更改，但是每次执行一次exec，就会将RegExp.index等属性重新赋值给返回的Arrary对象。

例如：

var src = "The rain in Spain falls mainly in the plain.";
var re = /(\w+)/g; // 创建正则表达式模式。 
var arr;
arr = re.exec(src); 
RegExp.lastIndex = 0;
RegExp.index = 0;
arr.lastIndex = 0;
arr.index = 0;

document.write(arr.index + "-" + arr.lastIndex + "\t" + arr[0]+"**********"+RegExp.index + "-" + RegExp.lastIndex + "\t" + arr[0]);

//执行第二次arr的index属性会被更新，其实是RegExp对象实例在执行exec方法时，更新全局的RegExp.index和arr的index等，在后边会介绍

arr = re.exec(src);
document.write("<br/>"+arr.index + "-" + arr.lastIndex + "\t" + arr[0]+"**********"+RegExp.index + "-" + RegExp.lastIndex + "\t" + arr[0]);

//0-0 The**********0-3 The
//4-8 rain**********4-8 rain

4-2）不同的RegExp实例对象交叉执行exec时，index、lastIndex等属性互不影响。每次执行exec或者执行String的match方法时，都会给RexExp.index等赋予新值。（这个其实是必须的，只是我在这脑袋一犯浑，给理解错了，主要是因为“RegExp.lastIndex = 0;”可以被赋值，但是取值时，结果又没有改变，让我脑袋混乱了。）

 

开始我以为如果两个RegExp对象在交叉执行exec时，可能index等会清零。因为我认为index属性是保存在RegExp的全局静态属性上的。现在发现是保存在具体的RegExp实例上，每次执行exec或者执行String的match方法时，都会给RexExp.index等赋予新值。

呵呵，这可能是习惯了c和java中类和类实例的想法的人常犯的错误，认为RegExp是个类，RegExp.index是一个类的static属性。这样认为没错，但是他的值是是会在执行exec和String的match方法时，被正则对象更新。

举例如下：

    var src = "The rain in Spain falls mainly in the plain.";
       
    var re1 = /(\w+)/; // 创建正则表达式模式。 
    var re2 = /(\w+)/g; // 创建正则表达式模式。 
    var arr;

    arr = re1.exec(src);    
    document.write("R1第一次执行exec:"+RegExp.index + "-" + RegExp.lastIndex + "\t" + arr[0]);
    
    arr = re2.exec(src);
    document.write("<br/>R2第一次执行exec:"+RegExp.index + "-" + RegExp.lastIndex + "\t" + arr[0]);
    
    arr = re1.exec(src);
    document.write("<br/>R1第二次执行exec:"+RegExp.index + "-" + RegExp.lastIndex + "\t" + arr[0]);

    arr = re2.exec(src);
    document.write("<br/>R2第二次执行exec:"+RegExp.index + "-" + RegExp.lastIndex + "\t" + arr[0]);

输出的结果如下：

R1第一次执行exec:0-3 The
R2第一次执行exec:0-3 The
R1第二次执行exec:0-3 The
R2第二次执行exec:4-8 rain

 

4-3）String对象的match方法，无法像exec方法那样获取中间查找的对象的index和lastIndex，也就是说是一次性的。即无法得到下一次检索的位置，match方法在设置g属性时，只能获取最后一个检索和index和lastIndex；match在没有设置g属性时，仅仅获得第一个匹配的index和lastIndex。

举例如下：

a）

var src = "The rain in Spain falls mainly in the plain.";
var re = /\w+/g; //有g属性。 
var i = 0;
while (i++<10){
    arr = src.match(re);
    document.write(RegExp.index + "-" + RegExp.lastIndex + "\t" + arr + "<br/>");

}


//结果如下：

38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain
38-43 The,rain,in,Spain,falls,mainly,in,the,plain

 

b）

var src = "The rain in Spain falls mainly in the plain.";
var re = /\w+/; // 无g属性。 
var i = 0;
while (i++<10){
    arr = src.match(re);
    document.write(RegExp.index + "-" + RegExp.lastIndex + "\t" + arr + "<br/>");

}
//结果如下：

0-3 The
0-3 The
0-3 The
0-3 The
0-3 The
0-3 The
0-3 The
0-3 The
0-3 The
0-3 The

c)

var src = "The rain in Spain falls mainly in the plain.";
var re = /\w+/g; 
var i = 0;
arr = src.match(re);
while (arr[i]!=null){
    document.write(RegExp.index + "-" + RegExp.lastIndex + "\t" + arr[i] + "<br/>");
    i++;
} 
//结果如下：

38-43 The
38-43 rain
38-43 in
38-43 Spain
38-43 falls
38-43 mainly
38-43 in
38-43 the
38-43 plain

5.最后结论（如有不对，请指正）：

1）exec是RegExp对象方法，match是String对象方法；

2）如果没有找到结果，则二者都返回null；

3）只有在正则表达式必须指定全局g属性时，match才能返回所有匹配，否则match与exec方法结果无差异，是等价的；

4）exec永远返回与第一个匹配相关的信息，其返回数组第一个值是第一个匹配的字串，剩下的是所有分组的反向引用（即子括号的匹配内容）；

5）exec在设置g属性后，虽然匹配结果不受g的影响，返回结果仍然是一个数组（第一个值是第一个匹配到的字符串，以后的为分组匹配内容），但是会改变index和lastIndex等的值，将该对象的匹配的开始位置设置到紧接这匹配子串的字符位置，当第二次调用exec时，将从lastIndex所指示的字符位置开始检索。同样match方法在设置了g属性后，也会改变index和lastIndex的值，但是是一次性的。无法像exec那样能逐过程累积（即将结果放入Matches 集合中去了），因此无法累积获取下一次检索的位置。

 

PS：

        最开始那个问题的答案为D和G。你想明白了么？

        以上测试均在ie和firefox中测试过，结果一致。

        以上测试的前提是javascript支持RegExp对象。早期浏览器的javascript引擎未必支持正则对象或者未必支持正则表达式对象的某些属性。

这篇关于深入了解javascript中的exec与match方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1062942。

相关文章

springboot集成easypoi导出word换行处理过程

springboot集成easypoi导出word换行处理过程

《springboot集成easypoi导出word换行处理过程》SpringBoot集成Easypoi导出Word时,换行符n失效显示为空格,解决方法包括生成段落或替换模板中n为回车,同时需确... 目录项目场景问题描述解决方案第一种：生成段落的方式第二种：替换模板的情况，换行符替换成回车总结项目场景s
阅读更多...
SpringBoot集成redisson实现延时队列教程

SpringBoot集成redisson实现延时队列教程

《SpringBoot集成redisson实现延时队列教程》文章介绍了使用Redisson实现延迟队列的完整步骤,包括依赖导入、Redis配置、工具类封装、业务枚举定义、执行器实现、Bean创建、消费... 目录1、先给项目导入Redisson依赖2、配置redis3、创建 RedissonConfig 配
阅读更多...
SpringBoot中@Value注入静态变量方式

SpringBoot中@Value注入静态变量方式

《SpringBoot中@Value注入静态变量方式》SpringBoot中静态变量无法直接用@Value注入,需通过setter方法,@Value(${})从属性文件获取值,@Value(#{})用... 目录项目场景解决方案注解说明1、@Value("${}")使用示例2、@Value("#{}"php
阅读更多...
SpringBoot分段处理List集合多线程批量插入数据方式

SpringBoot分段处理List集合多线程批量插入数据方式

《SpringBoot分段处理List集合多线程批量插入数据方式》文章介绍如何处理大数据量List批量插入数据库的优化方案：通过拆分List并分配独立线程处理,结合Spring线程池与异步方法提升效率... 目录项目场景解决方案1.实体类2.Mapper3.spring容器注入线程池bejsan对象4.创建
阅读更多...
线上Java OOM问题定位与解决方案超详细解析

线上Java OOM问题定位与解决方案超详细解析

《线上JavaOOM问题定位与解决方案超详细解析》OOM是JVM抛出的错误,表示内存分配失败,：本文主要介绍线上JavaOOM问题定位与解决方案的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录一、OOM问题核心认知1.1 OOM定义与技术定位1.2 OOM常见类型及技术特征二、OOM问题定位工具
阅读更多...
PHP轻松处理千万行数据的方法详解

PHP轻松处理千万行数据的方法详解

《PHP轻松处理千万行数据的方法详解》说到处理大数据集,PHP通常不是第一个想到的语言,但如果你曾经需要处理数百万行数据而不让服务器崩溃或内存耗尽,你就会知道PHP用对了工具有多强大,下面小编就... 目录问题的本质php 中的数据流处理：为什么必不可少生成器：内存高效的迭代方式流量控制：避免系统过载一次性
阅读更多...
基于 Cursor 开发 Spring Boot 项目详细攻略

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么？基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建
阅读更多...
Spring Security简介、使用与最佳实践

Spring Security简介、使用与最佳实践

《SpringSecurity简介、使用与最佳实践》SpringSecurity是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架,本文给大家介绍SpringSec... 目录一、如何理解 Spring Security？—— 核心思想二、如何在 Java 项目中使用？——
阅读更多...
SpringBoot+RustFS 实现文件切片极速上传的实例代码

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot？二、环境准备与部署2.1 安装 RustF
阅读更多...
springboot中使用okhttp3的小结

springboot中使用okhttp3的小结

《springboot中使用okhttp3的小结》OkHttp3是一个JavaHTTP客户端,可以处理各种请求类型,比如GET、POST、PUT等,并且支持高效的HTTP连接池、请求和响应缓存、以及异... 在 Spring Boot 项目中使用 OkHttp3 进行 HTTP 请求是一个高效且流行的方式。
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2