在Web开发中，正则表达式是一种常见的工具，用于查找、替换和验证文本。当我们需要在JavaScript中找到字符串中所有匹配的模式时，可以使用正则表达式的全局修饰符g来实现。
正则表达式全局修饰符g
正则表达式中的全局修饰符g（global）可以在整个字符串中匹配多个模式，而不是只匹配第一个。使用g修饰符时，正则表达式对象将返回所有匹配项数组，而不仅仅是第一个匹配项。
让我们看一个例子：
const str = "This is a sample string containing sample words."; const pattern = /sample/g; const matches = str.match(pattern); console.log(matches); // ["sample", "sample"]
这里我们定义了一个字符串str和一个正则表达式/sample/g，并使用match()方法找到了所有匹配项。结果是一个数组，包含两个匹配项。
值得注意的是，使用正则表达式进行全局匹配时，每个匹配项都会返回一个匹配位置的索引和匹配的子字符串。如果match()方法没有找到匹配项，则返回null。
捕获组
有时候，在匹配正则表达式时，我们可能只关心其中某些部分。这时候，我们可以使用捕获组来提取所需的信息。
在正则表达式中，用圆括号()将模式括起来，形成一个捕获组。当匹配成功时，可以在返回的数组中找到相应的捕获组内容。
让我们看一个例子：
const str = "My email is example@gmail.com."; const pattern = /(\w+)@(\w+)\.com/; const matches = str.match(pattern); console.log(matches); // ["example@gmail.com", "example", "gmail"]
在上面的例子中，我们定义了一个字符串str和一个正则表达式/(\w+)@(\w+)\.com/。正则表达式中包含两个捕获组，分别是用户名和域名。当匹配成功时，返回的数组中第一个元素是整个匹配项，后面是每个捕获组的内容。
实战演练
现在，我们已经了解了如何使用全局修饰符g和捕获组来检索正则表达式的所有匹配项。下面是一个实际应用的例子，假设我们需要从一段HTML代码中提取所有链接的href属性。
-- -------------------- ---- ------- --------- ----- ------ ------ ------ ----- ------------ ----- ----- -------------- -- ---------------------------------------- -- -------------------------------------- -- ------------------------------------ ------- -------
我们可以使用正则表达式/<a\s+[^>]*href="([^"]*)"[^>]*>/g来匹配所有的标签，并提取其中的href属性。代码如下：
-- -------------------- ---- ------- ----- ---- - ---------- ----- ------ ------ ------ ----- ------------ ----- ----- -------------- -- ---------------------------------------- -- -------------------------------------- -- ------------------------------------ ------- --------- ----- ------- - ---------------------------------- ----- ------- - -------------------- --------------------- -- ---- -------------------------------- --- ------------------------------- --- ------------------------------
在上面的代码中，我们首
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13459
