如何使用 ECMAScript 2019 的 String.matchAll 方法检索所有匹配结果-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要对字符串进行匹配和查找操作。在 ECMAScript 2019 中，新增加了一个 String.matchAll 方法，可以帮助我们更方便地检索所有匹配结果。本文将介绍这个方法的用法和示例，希望能对大家有所帮助。

String.matchAll 方法简介

String.matchAll 方法是 ECMAScript 2019 新增加的一个方法，用于在字符串中检索所有匹配的子串。它返回一个迭代器，可以遍历所有匹配结果。

String.matchAll 方法的语法如下：

string.matchAll(regexp)

其中，regexp 是一个正则表达式，用于匹配字符串中的子串。

使用 String.matchAll 方法检索所有匹配结果的示例

下面是一个使用 String.matchAll 方法检索所有匹配结果的示例：

const str = 'Hello, world! Hello, JavaScript!';
const regexp = /Hello, (\w+)/g;
const matches = str.matchAll(regexp);

for (const match of matches) {
  console.log(`Matched: ${match[0]}`);
  console.log(`Captured: ${match[1]}`);
}

上面的代码中，我们首先定义了一个字符串 str 和一个正则表达式 regexp，用于匹配字符串中的子串。然后，我们使用 String.matchAll 方法将这个正则表达式应用于字符串 str，得到一个迭代器 matches。最后，我们使用 for...of 循环遍历这个迭代器，输出所有匹配结果和捕获组的内容。

输出结果如下：

Matched: Hello, world!
Captured: world
Matched: Hello, JavaScript!
Captured: JavaScript

从输出结果可以看出，String.matchAll 方法成功地检索到了所有匹配结果，并且能够访问每个捕获组的内容。

String.matchAll 方法的注意事项

在使用 String.matchAll 方法时，需要注意以下几点：

String.matchAll 方法返回的是一个迭代器，需要使用 for...of 循环来遍历所有匹配结果。
在正则表达式中使用全局标志 g，才能匹配到所有结果。如果不使用全局标志，只能匹配到第一个结果。
在遍历匹配结果时，可以使用数组下标访问每个匹配结果和捕获组的内容。第一个元素是整个匹配结果，之后的元素是每个捕获组的内容。

总结

本文介绍了 ECMAScript 2019 中新增加的 String.matchAll 方法，它可以帮助我们更方便地检索所有匹配结果。我们通过一个示例代码演示了如何使用这个方法，并讲解了使用 String.matchAll 方法时的注意事项。希望本文能对大家有所帮助，提高大家的前端开发技能。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/65f2d3582b3ccec22fb6e0f3