在 ES10 中，引入了 String.matchAll 方法，它可以更方便地从字符串中提取出多个匹配项。本文将详细介绍这个方法的使用方法和指导意义，并提供示例代码。
什么是 String.matchAll 方法？
在 ES6 中，我们使用 String.match 方法可以从字符串中找出匹配的子串，并返回一个数组。但是，这个方法只能返回一个匹配项。如果我们想要找出所有匹配项，就需要使用正则表达式的 g 标志，然后使用 RegExp.exec 方法来逐个获取匹配项。
而在 ES10 中，我们可以使用更简便的 String.matchAll 方法来直接获取所有匹配项。这个方法返回的是一个迭代器，我们可以使用 for...of 循环来逐个获取匹配项，而不必再使用 RegExp.exec 方法。
如何使用 String.matchAll 方法？
使用 String.matchAll 方法非常简单，只需要在字符串上直接调用这个方法即可。它的返回值是一个迭代器对象，我们可以使用 for...of 循环来逐个获取匹配项。
下面是一个示例代码：
const str = 'hello world, hello javascript';
const regex = /hello/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match);
}上面的代码中，我们首先定义了一个字符串 str 和一个正则表达式 regex。然后，我们在 str 上调用 matchAll 方法，将返回的迭代器对象存储在 matches 变量中。最后，我们使用 for...of 循环来逐个获取匹配项，并将其打印到控制台上。
输出结果如下：
["hello", index: 0, input: "hello world, hello javascript", groups: undefined] ["hello", index: 13, input: "hello world, hello javascript", groups: undefined]
我们可以看到，输出结果包含了所有匹配项的信息，包括匹配的子串、匹配的位置、原始字符串等等。
String.matchAll 方法的指导意义
使用 String.matchAll 方法可以大大简化我们在处理字符串时的代码，尤其是当我们需要找出多个匹配项时。相比于使用 RegExp.exec 方法，使用 String.matchAll 方法更加直观和易于理解。
在实际开发中，我们经常需要从字符串中提取出特定的信息，比如解析 URL 参数、从 HTML 中提取出特定的标签等等。使用 String.matchAll 方法可以让我们更方便地实现这些功能，提高开发效率。
总结
在本文中，我们介绍了 ES10 中引入的 String.matchAll 方法，它可以更方便地从字符串中提取出多个匹配项。我们详细介绍了这个方法的使用方法和指导意义，并提供了示例代码。希望本文能够帮助大家更好地了解和使用这个方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ff8c3fd10417a222ab9965