JavaScript 访问正则表达式中的匹配组

正则表达式是一种用于匹配和操作字符串的强大工具。在 JavaScript 中，我们可以使用正则表达式进行文本搜索、替换和提取。当我们在正则表达式中使用括号将某个模式括起来时，就可以创建一个匹配组。匹配组可以提供更精细的正则表达式匹配和提取结果。

访问匹配组

在 JavaScript 中，当我们使用正则表达式进行匹配时，可以通过正则表达式对象的 exec() 或字符串对象的 match() 方法获取匹配结果。这些方法返回一个数组，其中第一个元素是整个匹配的字符串，之后的元素是匹配组的内容。

const regex = /(\d{4})-(\d{2})-(\d{2})/; // 匹配日期的正则表达式
const dateStr = '2021-07-31'; // 待匹配的字符串

const result = regex.exec(dateStr);
console.log(result); // ["2021-07-31", "2021", "07", "31"]

在上面的例子中，result 数组的第一个元素是整个匹配的字符串 "2021-07-31"，之后的元素分别是匹配组 "(\d{4})"、"(\d{2})" 和 "(\d{2})" 的内容。

使用索引访问匹配组

要访问特定的匹配组，可以使用索引来访问 result 数组的相应元素。索引 0 对应整个匹配的字符串，而索引 1、2、3 对应匹配组的内容。

console.log(result[0]); // "2021-07-31"
console.log(result[1]); // "2021"
console.log(result[2]); // "07"
console.log(result[3]); // "31"

解构赋值访问匹配组

另一种获取匹配组内容的方式是使用解构赋值。通过解构赋值，我们可以将匹配组内容直接赋值给变量。

const [fullMatch, year, month, day] = result;

console.log(fullMatch); // "2021-07-31"
console.log(year); // "2021"
console.log(month); // "07"
console.log(day); // "31"

在上面的例子中，fullMatch 变量获取了整个匹配的字符串，而 year、month 和 day 变量分别获取了匹配组的内容。

循环访问所有匹配

如果需要循环访问多个匹配结果，可以结合使用 while 循环和 exec() 方法。

const regex = /(\d{4})-(\d{2})-(\d{2})/g; // 匹配日期的正则表达式
const dateStr = '2021-07-31,2021-06-30'; // 待匹配的字符串

let match;
while ((match = regex.exec(dateStr)) !== null) {
  const [fullMatch, year, month, day] = match;
  console.log(fullMatch); // "2021-07-31"， "2021-06-30"
  console.log(year); // "2021"， "2021"
  console.log(month); // "07"， "06"
  console.log(day); // "31"， "30"
}

在上面的例子中，通过设置正则表达式的 g 标志，使其成为全局匹配。然后使用 exec() 方法循环执行匹配操作，并将每个匹配的结果依次赋值给 match 变量。在循环中，我们可以利用解构赋值来访问每个匹配的内容。

通过上述访问匹配组的方法，我们可以在 JavaScript 中灵活地处理正则表达式的匹配结果，从而更有效地操作和处理字符串数据。