随着 JavaScript 不断发展壮大，新的功能也不断被引入。ES2020 是 JavaScript 语言的最新版本，其中新增的 String.prototype.matchAll 方法是一项非常实用的特性，它允许我们从字符串中匹配出所有符合条件的子串，并返回一个迭代器对象。
本篇文章将详细探讨 String.prototype.matchAll 方法的使用方法及其深度含义，希望能够帮助读者更好地理解和使用这一新特性。
String.prototype.matchAll 方法
String.prototype.matchAll 方法的语法非常简单：
-----------------------
其中，string 表示要进行匹配的字符串，regexp 则表示正则表达式。调用该方法后，返回一个迭代器对象，可以使用 for...of 来遍历其中的元素。
使用示例
下面是一个简单的使用示例，使用 String.prototype.matchAll 方法来匹配字符串中所有的 URL：
----- --- - ------ -- ------- -- ---------------------- --- -- ---- -- -------------------------- ----- ------ - --------------------------------- --- ------ ----- -- --------------------- - ---------------------- -
运行该示例代码后，控制台输出结果为：
---------------------- ------------------------
通过调用 String.prototype.matchAll 方法，我们可以很方便地从字符串中找出所有符合正则表达式的子串。
深度探讨
在深入探讨 String.prototype.matchAll 方法之前，我们先来看一下它的前身：String.prototype.match 方法。这个方法也可以用于从字符串中查找符合正则表达式的子串：
--------------------
不同于 String.prototype.matchAll 方法返回的是一个迭代器对象，String.prototype.match 方法返回的是一个数组。
下面是一个使用 String.prototype.match 方法的示例：
----- --- - ------ -- ------- -- ---------------------- --- -- ---- -- -------------------------- ----- ------ - --------------------------------- -------------------------------
运行该示例代码后，控制台输出结果为：
-------------------------- ---------------------------
可以看到，String.prototype.match 方法返回的是一个数组，其中包含了所有符合正则表达式的子串。
但是，String.prototype.match 方法也有一个缺点：如果正则表达式中包含了全局标志 g，则该方法无法匹配到所有符合条件的子串。例如，下面这个示例代码中，由于正则表达式中包含了全局标志 g，因此调用 String.prototype.match 方法不能返回所有匹配到的子串：
----- --- - ------ -- ------- -- ---------------------- --- -- ---- -- -------------------------- ----- ------ - -------------------------------- -------------------------------
运行该示例代码后，控制台输出结果为：
--------------------------
可以看到，由于正则表达式中包含了全局标志 g，因此 String.prototype.match 方法仅仅返回了第一个匹配的子串。
为了解决这个问题，ES2020 引入了 String.prototype.matchAll 方法。与 String.prototype.match 方法不同，String.prototype.matchAll 方法始终会匹配到所有符合条件的子串，并返回一个迭代器对象，方便我们逐一遍历其中的元素。
指导意义
String.prototype.matchAll 方法的引入让我们可以更方便地从字符串中获取符合条件的子串，尤其在正则表达式中包含全局标志 g 的情况下，提供了更好的解决方案。
同时，String.prototype.matchAll 方法的使用也可以帮助我们更好地理解迭代器对象的概念，以及 JavaScript 中如何使用迭代器对象。
结论
本篇文章详细探讨了 ES2020 中新增的 String.prototype.matchAll 方法，包括其语法、使用示例、与 String.prototype.match 方法的区别以及深度含义。希望读者通过本文的介绍，可以更好地了解和使用这一新特性，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67303359eedcc8a97c915267