ES9的新特性之正则表达式RegExp详解
简介
正则表达式是我们做数据匹配的时候常用的一种工具,虽然正则表达式的语法并不复杂,但是如果多种语法组合起来会给人一种无从下手的感觉。
于是正则表达式成了程序员的噩梦。今天我们来看一下如何在ES9中玩转正则表达式。
Numbered capture groups
我们知道正则表达式可以分组,分组是用括号来表示的,如果想要获取到分组的值,那么就叫做capture groups。
通常来说,我们是通过序号来访问capture groups的,这叫做Numbered capture groups。
举个例子:
const RE_DATE = /([0-9]{4})-([0-9]{2})-([0-9]{2})/; const matchObj = RE_DATE.exec('1999-12-31'); const year = matchObj[1]; // 1999 const month = matchObj[2]; // 12 const day = matchObj[3]; // 31
上面的正则表达式要匹配年月日,然后通过exec方法,返回match的数组。这个数组存储的是匹配的groups信息。
因为我们有三个括号,所以可以匹配三个group。然后通过1,2,3来访问特定的group。
我们把上面的matchObj输出看一下其中的内容:
[ '1999-12-31', '1999', '12', '31', index: 0, input: '1999-12-31', groups: undefined ]
可以看到matchObj是一个数组,index 0存储的是要匹配的字符串。这里我们看到matchObj还有一个groups是undefined,这个groups就是命名groups。
Named capture groups
上面讲到了numbered capture groups是通过序列号来访问到匹配的数据。但是匹配到的group是没有名字的。
我们看下怎么才能够给这些groups起个名字:
const RE_DATE = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/; const matchObj = RE_DATE.exec('1999-12-31'); const year = matchObj.groups.year; // 1999 const month = matchObj.groups.month; // 12 const day = matchObj.groups.day; // 31
看下matchObj的内容:
[ '1999-12-31', '1999', '12', '31', index: 0, input: '1999-12-31', groups: [Object: null prototype] { year: '1999', month: '12', day: '31' } ]
可以看到,这次多了groups的信息。
如果要匹配我们之前匹配过的group信息,则可以使用numbered groups的 \k 或者 named groups的 \k.
我们看一个例子:
const RE_TWICE = /^(?<word>[a-z]+)!\k<word>$/; RE_TWICE.test('abc!abc'); // true RE_TWICE.test('abc!ab'); // false
const RE_TWICE = /^(?<word>[a-z]+)!\1$/; RE_TWICE.test('abc!abc'); // true RE_TWICE.test('abc!ab'); // false
两种语法都可以使用。
Named capture groups还可以和replace一起使用。
有了group name,我们可以直接在replace中使用group name来做引用:
const RE_DATE = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/; console.log('1999-12-31'.replace(RE_DATE, '$<month>/$<day>/$<year>')); // 12/31/1999
replace的第二个参数还可以是一个函数,函数的参数就是我们group出来的一些内容:
const RE_DATE = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/; console.log('1999-12-31'.replace( RE_DATE, (g0,y,m,d,offset,input, {year, month, day}) => // (A) month+'/'+day+'/'+year)); // 12/31/1999
上面的例子中,g0 = 1999-12-31 表示匹配的子字符串。 y, m, d 匹配的是numbered groups 1,2,3。
input 是整个的输入。{year, month, day} 匹配的是named groups。
RegExp中Unicode属性的转义
在Unicode标准中,每一个字符都有属性,简单点说属性就是用来描述这个字符的。
比如说General_Category表示的是字符的分类: x: General_Category = Lowercase_Letter
White_Space表示的是空格,tabs和换行: \t: White_Space = True
Age表示的是该字符什么时候被加入到Unicode中等等。
这些属性还有对应的缩写: Lowercase_Letter = Ll , Currency_Symbol = Sc 等等。
举个例子,比如说我们想匹配空格。传统做法是这样做的:
> /^\s+$/.test('\t \n\r') true
前面是正则表达式,然后使用一个test方法来匹配字符串,最终得到的true。
刚刚讲到了unicode的属性,我们也可以用属性来匹配:
> /^\p{White_Space}+$/u.test('\t \n\r') true
属性匹配使用的是\p
, 后面跟的是属性值。
注意,我们还要在正则表达式后面加上u,以表示使用的是Unicode属性转义。
lookaround assertion
lookaround assertion可以被翻译为环视断言,它是正则表达式中的一种结构,用来判断要匹配的对象的前后环境是什么样的。
有两种lookaround assertion,一种是Lookahead一种是Lookbehind。
我们先看一下Lookahead的使用:
const RE_AS_BS = /aa(?=bb)/; const match1 = RE_AS_BS.exec('aabb'); console.log(match1[0]); // 'aa' const match2 = RE_AS_BS.exec('aab'); console.log(match2); // null
lookahead就是向前查看,上面我们使用的是(?=bb)
来向前匹配bb。
注意,虽然正则表达式匹配上了aabb,但是match中并不包含bb。
结果是第一个匹配上了,第二个没有匹配。
除了是用?=
之外,我们还可以使用?!
表示不等:
> const RE_AS_NO_BS = /aa(?!bb)/; > RE_AS_NO_BS.test('aabb') false > RE_AS_NO_BS.test('aab') true > RE_AS_NO_BS.test('aac') true
再来看一下Lookbehind的使用。
Lookbehind和Lookahead查询的方向刚刚相反。
向后匹配是使用?<=
来表示的,我们来看一个例子:
const RE_DOLLAR_PREFIX = /(?<=\$)foo/g; '$foo %foo foo'.replace(RE_DOLLAR_PREFIX, 'bar'); // '$bar %foo foo'
上面的例子中,我们匹配了最前面的$,然后使用bar替换掉了foo。
同样的,我们也可以使用?<!
来表示非相等的情况:
const RE_NO_DOLLAR_PREFIX = /(?<!\$)foo/g; '$foo %foo foo'.replace(RE_NO_DOLLAR_PREFIX, 'bar'); // '$foo %bar bar'
dotAll flag
正常情况下dot . 代表的是一个字符,但是这个字符不能够代表行的结束符:
> /^.$/.test('\n') false
而dotAll是在 dot . 匹配后面引入的s, 它可以被用来匹配行的结束符:
> /^.$/s.test('\n') true
在ES中,有下面几种字符表示的都是行的结束符:
- U+000A LINE FEED (LF) (\n)
- U+000D CARRIAGE RETURN (CR) (\r)
- U+2028 LINE SEPARATOR
- U+2029 PARAGRAPH SEPARATOR
总结
到此这篇关于ES9的新特性之正则表达式RegExp详解的文章就介绍到这了,更多相关ES9正则表达式RegExp内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞!
相关文章
- 取双引号内的内容我们如果一个字符串中只有一个可以使用explode来获得,但如果有多个需要使用正则表达式来提取了,具体的例子如下。 写程序的时候总结一点经验,如何只...2016-11-25
- 今天遇到一个正则匹配的问题,忽然翻到有捕获组的概念,手册上也是一略而过,百度时无意翻到C#和Java中有对正则捕获组的特殊用法,搜索关键词有PHP时竟然没有相关内容,自己试了一下,发现在PHP中也是可行的,于是总结一下,分享的同...2015-11-08
- 正则表达式是一门非常有用的并且进行模糊判断的一个功能了,我们下面来看通过正则来验证输入汉字、英语、数字,具体如下。 收藏了正则表达式。可以验证只能输入数...2016-11-25
- 这篇文章主要介绍了java正则表达式判断前端参数修改表中另一个字段的值,需要的朋友可以参考下...2021-05-07
- 常用的日期时间正则表达式 下面收藏了大量的日期时间正则匹配函数,包括分钟,时间与秒都能达到。 正则表达式 (?n:^(?=d)((?<day>31(?!(.0?[2469]|11))|30(?!.0?2)|29(...2016-11-25
- 网址规则是可寻的,所以我们可以使用正则表达式来提取字符串中的url地址了,下面一起来看看小编整理的几个PHP正则表达式匹配验证提取网址URL实例. 匹配网址 URL 的...2016-11-25
- 这篇文章主要介绍了正则表达式中两个反斜杠的匹配规则,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-05-07
- 这篇文章给大家详细介绍了JS中使用正则表达式g模式和非g模式的区别,非常不错,具有参考借鉴价值,需要的朋友参考下吧...2017-04-03
- 本文主要介绍了JavaScript利用正则表达式替换字符串中内容的具体实现方法,并做了简要注释,便于理解。具有一定的参考价值,需要的朋友可以看下...2017-01-09
- 这篇文章主要介绍了C#正则表达式使用方法,大家参考使用...2020-06-25
- c#正则表达式,用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。...2020-06-25
- 这篇文章主要介绍了python正则表达式常用函数及使用方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-05-07
- 这篇文章给大家介绍了Idea使用正则表达式批量替换字符串的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧...2021-07-21
- 今天遇到一个正则匹配的问题,忽然翻到有捕获组的概念,手册上也是一略而过,百度时无意翻到C#和Java中有对正则捕获组的特殊用法,搜索关键词有PHP时竟然没有相关内容,自己试了一下,发现在PHP中也是可行的,于是总结一下,分享的同...2015-11-08
- 正则表达式的作用用来描述字符串的特征。本文重点给大家介绍C# 中使用正则表达式匹配字符的含义,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧...2020-06-25
- 这篇文章主要给大家介绍了关于利用Python验证的50个常见正则表达式的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-11
- 这篇文章主要介绍了PHP正则表达式过滤html标签属性的相关内容,实用性非常,感兴趣的朋友参考下吧...2016-05-06
- 在本篇文章里小编给大家整理的是一篇关于js用正则表达式筛选年月日的实例方法,对此有兴趣的朋友们可以学习下。...2021-01-04
- 这篇文章主要介绍JS正则RegExp对象,正则表达式是描述字符模式的对象,用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。下面就来看具体详情,需要的朋友可以参考一下...2021-10-21
javascript 手机号码正则表达式验证函数 <font color=red>原创</font>
随着手机号码段的不断增加,以前网上的手机号码验证函数都不能那么完美的支持了,这里脚本之家编辑特为大家准备的一个简单的正则与手机验证的函数分析。...2021-05-07