JavaScript中exec函数用法实例分析

介绍

exec 方法是 JavaScript 正则表达式对象的一个方法，用于在字符串中查找指定的正则表达式，并返回匹配结果。

该方法返回一个数组，数组的第一个元素是匹配到的字符串，后面的元素则是与正则表达式的每个括号匹配的子字符的数组。如果没有匹配到，则返回 null。

在本篇文章中，我们将通过两个例子来一步步了解 exec 方法的用法和实现。

示例1

在这个例子中，我们将使用 exec 方法来获取字符串中所有 "a" 字符的出现次数。

const str = "apple and banana are not the same fruit!";
const regex = /a/g;
let match = regex.exec(str);
let count = 0;
while (match !== null) {
  count++;
  match = regex.exec(str);
}
console.log(`The character "a" appears in the string ${count} times.`);

在上述代码中，我们首先定义了一个字符串 str 和一个正则表达式 regex。其中 /a/g 表示全局搜索字符串中所有的 "a"。然后，我们使用 regex.exec(str) 方法来查找符合条件的子串，将查找结果存储在变量 match 中。

接下来，我们进入循环，每次调用 regex.exec(str) 方法来查找下一个匹配项。如果匹配到了结果，计数器 count 加 1，然后存储查找结果的数组给变量 match，继续下一次循环。如果没有匹配项，match 将为 null，循环将停止。

最后，我们将字符串中 "a" 字符的出现次数打印输出。

示例2

在这个例子中，我们将使用 exec 方法来检索字符串中的电话号码。

const str = "请拨打电话号码：[phone]，或者直接联系我们的电话号码：[phone]。";
const regex = /\d{3}-\d{8}|\d{4}-\d{7}/g;
let match = regex.exec(str);
let count = 0;
while (match !== null) {
  console.log(`Found ${match[0]} at position ${match.index}.`);
  count++;
  match = regex.exec(str);
}
console.log(`Found ${count} phone numbers in the string.`);

在上述代码中，我们定义了一个包含电话号码的字符串 str 和一个查找电话号码的正则表达式 regex。正则表达式 \d{3}-\d{8}|\d{4}-\d{7} 表示匹配 3 个数字和 8 个数字之间的短横线（即"010-12345678"格式），或匹配 4 个数字和 7 个数字之间的短横线（即"022-11112222"格式）。

接下来，我们使用 regex.exec(str) 方法来查找符合条件的子串，将查找结果存储在变量 match 中。

我们通过循环遍历整个字符串，持续调用 regex.exec(str) 方法来查找下一个匹配项。如果匹配项存在，则将该结果输出，并计数器 count 加 1。否则，返回 null，退出循环操作。

最后，我们将在字符串中找到电话号码的数量打印输出。

结论

通过以上两个例子的分析，我们可以发现 exec 方法在 JavaScript 开发中非常常见，能够快速、高效地找出字符串中的特定内容，并进行后续操作。另外，值得注意的是，在使用 exec 方法时，我们需要在每次调用方法时，都重新将结果赋值给变量 match，在调用该方法之前，必须确保 match 变量不为null，以避免出现一些潜在的问题。