在 ECMAScript 2020 (ES11) 中，String.prototype.match 方法得到了一些改进。在本文中，我们将深入了解这个方法的用法、新功能和示例。
String.prototype.match 方法的用法
String.prototype.match 方法用于在字符串中查找一个或多个与正则表达式匹配的子字符串，并返回一个数组，其中包含匹配的子字符串。如果没有匹配项，则返回 null。
该方法的语法如下：
string.match(regexp)
其中，string 是要搜索的字符串，regexp 是一个正则表达式对象。
String.prototype.match 方法的新功能
在 ECMAScript 2020 (ES11) 中，String.prototype.match 方法进行了改进，现在它可以接受一个可迭代对象作为参数，而不仅仅是一个正则表达式对象。这意味着您可以传递多个正则表达式对象，并且该方法将在字符串中查找每个正则表达式的匹配项。
以下是该方法的新语法：
string.matchAll(regexp)
其中，string 是要搜索的字符串，regexp 是一个可迭代对象，例如数组或 Map 对象，其中每个元素都是一个正则表达式对象。
String.prototype.match 方法的示例
以下是一些使用 String.prototype.match 方法的示例：
示例 1：使用正则表达式匹配字符串中的数字
const str = 'Today is 2020-10-01'; const regex = /\d+/g; console.log(str.match(regex)); // ["2020", "10", "01"]
在此示例中，我们使用正则表达式 \d+ 来匹配字符串中的数字。该正则表达式表示一个或多个数字。我们将 g 标志添加到正则表达式中，以便在整个字符串中查找所有匹配项。String.prototype.match 方法返回一个数组，其中包含所有匹配的子字符串。
示例 2：使用可迭代对象匹配字符串中的多个正则表达式
-- -------------------- ---- ------- ----- --- - ------- -------- ----- ------ - -------- ----- ------ - -------- ----- ---------- - -------- -------- --- ------ ----- -- ------------------------- - ---------------------- -- -------- ------- -
在此示例中，我们使用可迭代对象 regexArray 作为参数调用 String.prototype.matchAll 方法。该对象包含两个正则表达式：/Hello/ 和 /World/。我们使用 for...of 循环遍历返回的迭代器，并打印每个匹配项的第一个元素。由于我们有两个正则表达式，因此在字符串中找到了两个匹配项。
结论
在 ECMAScript 2020 (ES11) 中，String.prototype.match 方法得到了一些改进。现在，它可以接受一个可迭代对象作为参数，而不仅仅是一个正则表达式对象。这使得在字符串中查找多个正则表达式的匹配项变得更容易。在您的下一个前端项目中，您可以考虑使用这些新功能来简化您的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67653da676af2b9a20ea5bb0