在 ECMAScript 2019（ES10）中，String.prototype.matchAll() 方法被引入，它是一种新的字符串匹配方法，可以更方便地在字符串中查找多个匹配项。本文将详细介绍这个方法的用法和实例。
什么是 String.prototype.matchAll() 方法？
String.prototype.matchAll() 方法是 ECMAScript 2019（ES10）中引入的新方法。它可以在字符串中查找所有匹配项，并返回一个包含这些匹配项的迭代器。
该方法的语法如下：
str.matchAll(regexp)
其中，str 是要查找的字符串，regexp 是用来匹配字符串的正则表达式。
如果成功找到匹配项，则返回一个迭代器，该迭代器包含所有的匹配项。如果没有找到任何匹配项，则返回 null。
String.prototype.matchAll() 方法的用法
基本用法
下面是一个基本的使用示例：
const str = 'Hello, world! This is a test string.' const regexp = /\w+/g const matches = str.matchAll(regexp) console.log(matches)
上面的代码中，我们首先定义了一个字符串 str 和一个正则表达式 regexp，然后使用 matchAll() 方法在字符串中查找所有匹配项。
最后，我们将返回的迭代器保存在 matches 变量中，并将其输出到控制台。
运行上面的代码，你会看到一个包含两个匹配项的迭代器，它们分别是：
["Hello"] ["world"] ["This"] ["is"] ["a"] ["test"] ["string"]
使用迭代器
由于 matchAll() 方法返回一个迭代器，因此我们可以使用 for...of 循环来遍历匹配项。
以下是一个使用 for...of 循环遍历匹配项的示例：
const str = 'Hello, world! This is a test string.'
const regexp = /\w+/g
const matches = str.matchAll(regexp)
for (const match of matches) {
console.log(match[0])
}在上面的示例中，我们使用 for...of 循环遍历迭代器，并将每个匹配项输出到控制台。
使用捕获组
捕获组是一种用于从匹配项中提取特定部分的正则表达式语法。在 matchAll() 方法中，我们可以使用捕获组来提取匹配项的特定部分。
以下是一个使用捕获组提取匹配项的示例：
const str = 'Hello, world! This is a test string.'
const regexp = /(\w+)\s*,\s*(\w+)/g
const matches = str.matchAll(regexp)
for (const match of matches) {
console.log(match[1], match[2])
}在上面的示例中，我们使用了两个捕获组，分别用于提取字符串中逗号前后的单词。在 for...of 循环中，我们使用 match[1] 来获取第一个捕获组的值，使用 match[2] 来获取第二个捕获组的值。
String.prototype.matchAll() 方法的指导意义
String.prototype.matchAll() 方法为开发人员提供了一种更方便的方法来查找字符串中的多个匹配项，并从中提取所需的信息。它可以帮助开发人员更快地编写代码，并提高代码的可读性和可维护性。
结论
在本文中，我们详细介绍了 ECMAScript 2019（ES10）中的 String.prototype.matchAll() 方法的用法和实例。我们了解了如何使用这个新的字符串匹配方法，并从中提取所需的信息。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757a912890bd9faa436f850