JavaScript 正则表达式(4)


JavaScript正则表达式(3)中,我们一起学习了正则表达式的基本操作,还引出了一些常见的使用技巧。下面我们将更加深入了解正则表达式的实用技巧


匹配()引起的问题:
首先,需要明确一点,正则表达式在匹配的时候,不是万能的,不是什么字符串都能匹配的。
下面进入正题,如何匹配()。先来一个简单的例子,如何匹配1+2*(3+5)中的()?,想了一下,并不难不是吗,我们可以这样做:

var text = '1+2*(3+5)';
var reg = /^.*\(.*\)/ig;
reg.test(text);//true

顺便来捕获一下()内部的内容:

var text = '1+2*(3+5)';
var reg = /^.*\((.*)\)/ig;
reg.test(text);//true
RegExp.$1;//"3+5"

没问题,通过之前所说的,尽量不要使用.*避免回溯,所以第一个.*需要匹配不是(的部分,第二个.*需要匹配不是)的部分,修改一下正则,得到下面的代码:

var text = '1+2*(3+5)';
var reg = /^[^\(]*\(([^\)]*)\)/ig;
reg.test(text);//true
RegExp.$1;//"3+5"

感觉还不错?下面,我们进一步深入,如果有2个括号呢?比如:

var text = '1+2*(3+5*(2+3))';
var reg = /^[^\(]*\(([^\)]*)\)/ig;
reg.test(text);//true
RegExp.$1;//"3+5*(2+3"

很明显,这不是我们想要的答案,也许我们想要第一个括号内部的所有内容,那不难 ,只需要:

var text = '1+2*(3+5*(2+3))';
var reg = /^[^\(]*\((.*)\)/ig;
reg.test(text);//true
RegExp.$1;//"3+5*(2+3)"

[^\)]*换回.*即可。我们多想一步,如果是想拿到第二个括号里面的2+3,我们应该怎么做?这就有点复杂了,也许需要这样做:

var text = '1+2*(3+5*(2+3))';
var reg = /^[^\(]*\((?:[^\(]*\(([^\)]*)\))\)/ig;
reg.test(text);//true
RegExp.$1;//"2+3"

我的天,太复杂了,这是第二层,如果加入第3层呢?第4层呢?···第n层呢,直接这样写正则表达式,根本解决不了问题不是吗?所以可以得出一个结论:正则表达式无法匹配任意深度的嵌套结构
那么,是不是真的没办法了呢?也不是,还记得以前讲环视的时候使用的while循环吗?这里可以用它来一层一层的解析括号内部的内容。当然,使用环视也是不可取的,因为我们并不知道一共有多少层括号。


JavaScript 正则表达式(1)
JavaScript 正则表达式(2)
JavaScript 正则表达式(3)
JavaScript 正则表达式(4)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 有点复杂,是转载的文章 贪婪模式与非贪婪模式讲解 Javascript中的正则贪婪与非贪婪模式的区别是: 被量词修...
    胖先森阅读 2,224评论 0 1
  • 在JavaScript正则表达式(1)中,我们学习了如何声明一个正则对象以及正则里常用的一些元字符,正则对象的方法...
    moonburn阅读 4,280评论 0 1
  • 正则表达式到底是什么东西?字符是计算机软件处理文字时最基本的单位,可能是字母,数字,标点符号,空格,换行符,汉字等...
    狮子挽歌阅读 6,497评论 0 9
  • 推荐几个正则表达式编辑器 Debuggex :https://www.debuggex.com/ PyRegex:...
    木易林1阅读 13,997评论 9 151
  • 初衷:看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印...
    DCbryant阅读 9,530评论 0 20

友情链接更多精彩内容