在 ES10 中，有一个新的方法 String.prototype.matchAll()，它可以用来查找字符串中匹配某个正则表达式的所有结果。
语法
str.matchAll(regexp)
其中，str 是要匹配的字符串，regexp 是要用来匹配的正则表达式。
返回值
String.prototype.matchAll() 方法返回一个迭代器对象，该对象包含所有匹配的结果。每个结果都是一个带有属性的数组，该属性存储有关该匹配的信息。
示例
假设我们有以下字符串：
----- --- - ----- -- ------ --- --------
下面我们可以使用 String.prototype.matchAll() 方法来匹配所有以字母 P 开头的单词：
----- ------ - ---------- -- --- --- ----- ----- -------- - --------------------- --- ------ ----- -- --------- - ------------------- -
上述代码的输出为：
- --------- ------ --- ------ ----- -- ------ --- ------- -
这里我们可以看到，这个数组包含了匹配的字符串 Python，它在原始字符串中的索引位置（即 19），以及原始字符串本身。
深入了解
除了上面例子中使用的 \bP\w+ 之外，正则表达式还有许多其他的语法。这些语法可以用于满足不同的需求，例如匹配日期、邮件地址、URL 等等。
此外，String.prototype.matchAll() 方法不仅仅返回匹配文本，还返回了允许您了解如何匹配文本的其他有用信息。例如，返回的结果将告诉你捕获组的数量、每个捕获组的索引和值。
学习和指导意义
对于前端开发人员来说，掌握这个新功能至少有两个好处。
首先，使用 String.prototype.matchAll() 方法可以使代码更具可读性和可维护性。它可以作为一种比使用 match() 更清晰的方法，用于查找字符串中的所有匹配项。
其次，了解如何使用 String.prototype.matchAll() 方法可以帮助你更好地使用 JavaScript 正则表达式编写更复杂的代码。正则表达式在编写前端应用程序时非常有用。因为它可以让你有效地处理和操作用户输入的数据。
总结
ES10 中提供的 String.prototype.matchAll() 方法可以让你更轻松地查找字符串中的所有匹配项。使用它不仅可以使您的代码更具可读性和可维护性，还可以帮助您更好地使用 JavaScript 正则表达式编写更复杂的代码。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64abacca48841e989477d587