【es6】具名组匹配

1、组匹配

正则表达式使用圆括号进行组匹配,如:const RE_DATE = /(\d{4})-(\d{2})-(\d{2})/;,三个圆括号形成了三个组匹配。

代码:

javascript 复制代码
const RE_DATE = /(\d{4})-(\d{2})-(\d{2})/;

const matchObj = RE_DATE.exec('1999-12-31');
const year = matchObj[1]; // 1999
const month = matchObj[2]; // 12
const day = matchObj[3]; // 31

2、具名组匹配

ES2018 引入了具名组匹配(Named Capture Groups),允许为每一个组匹配指定一个名字,既便于阅读代码,又便于引用。

javascript 复制代码
const RE_DATE = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{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"

上面代码中,"具名组匹配"在圆括号内部,模式的头部添加"问号 + 尖括号 + 组名"(?),然后就可以在exec方法返回结果的groups属性上引用该组名。同时,数字序号(matchObj[1])依然有效。

相关推荐
JarvanMo21 分钟前
借助FlutterFire CLI实现Flutter与Firebase的多环境配置
前端·flutter
Jedi Hongbin35 分钟前
echarts自定义图表--仪表盘
前端·javascript·echarts
凯哥197039 分钟前
Sciter.js指南 - 桌面GUI开发时使用第三方模块
前端
边洛洛40 分钟前
对Electron打包的exe文件进行反解析
前端·javascript·electron
财神爷亲闺女40 分钟前
js 实现pc端鼠标横向拖动滚动
前端
用户20311966009640 分钟前
sheet在SwiftUI中的基本用法
前端
晴殇i41 分钟前
一行代码搞定防抖节流:JavaScript新特性解析
前端·javascript
David凉宸44 分钟前
HTML表单(二)
前端