当前位置：首页 > article >正文

js中正则表达式中【exec】用法深度解读

article 2024/9/24 23:20:09

exec() 是 JavaScript 正则表达式对象（RegExp）中的一个方法，用于匹配字符串中的特定模式，并返回匹配结果。它比 test() 和 match() 更强大，因为它不仅仅返回匹配成功与否，还返回匹配的具体内容及其相关信息。下面详细讲解 exec() 的相关知识点。

1. 基本语法

let regex = /模式/;
let result = regex.exec(字符串);

exec() 方法接受一个字符串作为参数，并返回一个数组，该数组表示匹配的结果。如果没有找到匹配，则返回 null。

2. 返回值解释

当 exec() 找到匹配时，它返回一个数组，其中包含：

[0]：匹配到的整个字符串。
[1] 及其他：捕获组的内容（如果正则表达式使用了捕获组，如 ()）。
index：匹配的开始位置（在原字符串中的起始索引）。
input：被搜索的原字符串。
groups：一个对象，包含所有命名捕获组的匹配内容（如果有使用命名捕获组）。

例子：

let regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
let result = regex.exec("2023-09-24");
console.log(result);

输出结果：

[
  '2023-09-24',   // 匹配到的整个字符串
  '2023',         // 第一个捕获组：年份
  '09',           // 第二个捕获组：月份
  '24',           // 第三个捕获组：日期
  index: 0,       // 匹配的起始索引
  input: '2023-09-24',  // 被搜索的字符串
  groups: {       // 命名捕获组
    year: '2023',
    month: '09',
    day: '24'
  }
]

在这个例子中，使用了命名捕获组（通过 (?<name>pattern) 语法），并且 exec() 的返回结果中 groups 属性包含了命名捕获组的匹配结果。

3. 捕获组 (Capturing Groups)

捕获组用 () 括起来，它可以匹配并提取部分字符串。你可以通过使用 exec() 来获取这些捕获的内容。命名捕获组可以为每个捕获的部分命名，方便后续使用。

捕获组例子：

let regex = /(\d+)\s(\w+)/;  // 匹配：数字 空格 字母组合
let result = regex.exec("123 abc");
console.log(result);

输出：

[
  '123 abc',  // 整个匹配的字符串
  '123',      // 捕获组 1：数字部分
  'abc',      // 捕获组 2：字母部分
  index: 0,   // 匹配开始的索引
  input: '123 abc'
]

命名捕获组例子：

let regex = /(?<number>\d+)\s(?<word>\w+)/;
let result = regex.exec("123 abc");
console.log(result.groups);

输出：

{
  number: '123',  // 捕获组 1：命名为 number
  word: 'abc'     // 捕获组 2：命名为 word
}

4. 全局标志 (Global Flag)

如果你在正则表达式中使用了全局标志（g），exec() 会在每次调用时继续从上次匹配结束的位置开始匹配。你需要多次调用 exec() 才能找到所有匹配。

示例：

let regex = /\d+/g;
let str = "123 456 789";
let result;

while ((result = regex.exec(str)) !== null) {
  console.log(result);
}

输出：

[ '123', index: 0, input: '123 456 789' ]
[ '456', index: 4, input: '123 456 789' ]
[ '789', index: 8, input: '123 456 789' ]

每次调用 exec()，它会返回下一个匹配的结果，直到返回 null，表示没有更多匹配。

5. `lastIndex` 属性

在全局匹配模式下，正则表达式对象的 lastIndex 属性会记录下次匹配开始的位置。每次匹配后，lastIndex 会更新，帮助 exec() 从上次结束的位置继续匹配。

示例：

let regex = /\d+/g;
let str = "123 456 789";
let result = regex.exec(str);

console.log(result);  // 匹配 123
console.log(regex.lastIndex);  // 输出 3

result = regex.exec(str);
console.log(result);  // 匹配 456
console.log(regex.lastIndex);  // 输出 7

6. 命名捕获组的优势

命名捕获组（使用 (?<name>pattern) 语法）可以让匹配结果更具可读性，特别是当你需要提取多个不同的部分时。

示例：

let regex = /(?<areaCode>\d{3})-(?<prefix>\d{3})-(?<lineNumber>\d{4})/;
let result = regex.exec("555-123-4567");
console.log(result.groups);

输出：

{
  areaCode: '555',
  prefix: '123',
  lineNumber: '4567'
}

通过 groups 属性，你可以更方便地获取并使用这些命名捕获的结果，而不需要依赖捕获组的顺序。

7. `exec()` 和其他方法的比较

test()：返回布尔值，表示正则表达式是否匹配字符串。
match()：如果是非全局正则表达式，它与 exec() 类似，但全局正则时，它一次性返回所有匹配项。
exec()：可以返回详细的匹配结果，包括捕获组和匹配位置。

示例：

let regex = /\d+/g;
let str = "123 456 789";

// 使用 exec() 逐步匹配
let result;
while ((result = regex.exec(str)) !== null) {
  console.log(result[0]);  // 依次输出 123, 456, 789
}

// 使用 match() 一次性匹配
let matches = str.match(regex);
console.log(matches);  // ['123', '456', '789']