ES11 是 ECMAScript 新增的一个版本，其中除了一些新特性外，还添加了一些常用的函数，其中之一是 String.prototype.matchAll()。
在本文中，我们将详细了解 String.prototype.matchAll() 的工作原理及用法，并提供一些示例代码，以便您更好地理解如何使用它。
String.prototype.matchAll() 简介
String.prototype.matchAll() 是一种新的用于字符串处理的方法，它允许我们以一种更直接的方式在字符串中查找所有的匹配项。
在之前的版本中，我们需要使用正则表达式和全局模式，然后不断调用 RegExp.exec() 方法来迭代匹配项，并最终得到所有的匹配项。
在 ES11 中，我们可以直接使用 String.prototype.matchAll() 方法来实现上述操作。
String.prototype.matchAll() 的用法
使用 String.prototype.matchAll() 的基本语法如下：
----- ------- - ------------------------
其中，string 是字符串，regexp 是一个正则表达式。
该方法返回一个迭代器（Iterator），该迭代器包含所有匹配项的详细信息。我们可以使用 for-of 循环来遍历返回的迭代器，以访问所有匹配项及其属性。
----- ------ - ------- ---- -- - ------ ---------- ----- ------ - ------- --- ------ ----- -- ------------------------ - ------------------- -
将返回如下的结果：
- -------- ------ -- ------ ------- ---- -- - ------ --------- - - ------- ------ -- ------ ------- ---- -- - ------ --------- - - ----- ------ --- ------ ------- ---- -- - ------ --------- - - ---- ------ --- ------ ------- ---- -- - ------ --------- - - --------- ------ --- ------ ------- ---- -- - ------ --------- - - ---------- ------ --- ------ ------- ---- -- - ------ --------- -
在返回的结果数组中，每个匹配项都是一个数组，包含匹配的字符串以及其他常见的属性（如 index 和 input）。
示例代码
下面是一些使用 String.prototype.matchAll() 的示例代码，以演示其用法：
示例 1
----- ------ - ----- --- ---- --- ----- ----- ------ - ---------- --- ------ ----- -- ------------------------ - ------------------- -
输出：
- ------- ------ -- ------ ----- --- ---- --- ---- - - ------ ------ -- ------ ----- --- ---- --- ---- - - ------- ------ -- ------ ----- --- ---- --- ---- - - ------ ------ --- ------ ----- --- ---- --- ---- - - ------ ------ --- ------ ----- --- ---- --- ---- -
示例 2
----- ------ - ---- ----- ----- --- ----- ---- --- ---- ----- ----- ------ - ---------------- --- ------ ----- -- ------------------------ - ------------------- -
输出：
- ---- ------- ------ -- ------ ---- ----- ----- --- ----- ---- --- ---- ---- - - ---- ------ ------ --- ------ ---- ----- ----- --- ----- ---- --- ---- ---- -
示例 3
----- ------ - ----- -- - ------ ---------- ----- ------ - ------- --- ------ ----- -- ------------------------ - -------------------------- ------- -- -------- ------------------ -
输出：
------- ------- -- -------- -- ------ ------- -- -------- -- ---- ------- -- -------- --- --- ------- -- -------- --- -------- ------- -- -------- --- --------- ------- -- -------- ---
总结
String.prototype.matchAll() 可以大大简化字符串处理，使其更直接和易于控制。使用它可以更容易地找到所有匹配项并高效搜索，同时也可以避免执行多个正则表达式以查找所有匹配项的问题。
希望本文提供的指南及示例代码有助于理解与使用 String.prototype.matchAll()，并且能够为您提供有益的参考。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6474721b968c7c53b01d2c90