在 ECMAScript 2019 中，新增了一个字符串方法 matchAll，该方法可以返回一个迭代器，用于匹配字符串中所有符合正则表达式的子字符串。本文将详细介绍该方法的使用方法、示例以及其在前端开发中的指导意义。
使用方法
matchAll 方法的语法如下：
string.matchAll(regexp)
其中，regexp 为正则表达式对象。该方法返回一个迭代器，用于匹配字符串中所有符合正则表达式的子字符串。
示例
下面是一个简单的示例，演示了如何使用 matchAll 方法：
const string = "Hello, world! How are you today?";
const regexp = /\w+/g;
const matches = string.matchAll(regexp);
for (const match of matches) {
console.log(match);
}运行结果如下：
["Hello", index: 0, input: "Hello, world! How are you today?", groups: undefined] ["world", index: 7, input: "Hello, world! How are you today?", groups: undefined] ["How", index: 14, input: "Hello, world! How are you today?", groups: undefined] ["are", index: 18, input: "Hello, world! How are you today?", groups: undefined] ["you", index: 22, input: "Hello, world! How are you today?", groups: undefined] ["today", index: 26, input: "Hello, world! How are you today?", groups: undefined]
该示例中，我们使用了 matchAll 方法匹配了字符串中所有的单词，并使用 for...of 循环遍历了所有匹配结果。
指导意义
matchAll 方法的出现，使得在字符串上进行正则表达式操作更加便捷。在前端开发中，我们可以使用该方法来快速地提取字符串中的特定部分，或者判断字符串中是否包含符合特定规则的子字符串。例如，我们可以使用该方法来提取 URL 中的参数：
-- -------------------- ---- ------- ----- --- - ----------------------------------------------- ----- ------ - ------------------------ ----- ------ - --- --- ------ ----- -- --------------------- - ------------------------------------ - ----------------------------- - --------------------
运行结果如下：
{
foo: "123",
bar: "456"
}该示例中，我们使用了 matchAll 方法来匹配 URL 中的参数，并将其存储在一个对象中。
除了在字符串操作中的应用，matchAll 方法还可以用于处理数组、对象等数据结构。因此，掌握该方法对于前端开发人员来说是非常重要的。
总结
matchAll 方法是 ECMAScript 2019 中新增的字符串方法，用于匹配字符串中所有符合正则表达式的子字符串。该方法的使用方法简单，但其在前端开发中的应用非常广泛，可以用于提取字符串中的特定部分，或者判断字符串中是否包含符合特定规则的子字符串。因此，对于前端开发人员来说，掌握该方法是非常重要的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/655f0f4cd2f5e1655d934a8b