在 ES12 中，新增了一个非常实用的字符串方法：String.prototype.matchAll()。该方法可以返回一个迭代器，用于遍历字符串中所有匹配正则表达式的结果。在本文中，我们将深入探讨这个新特性，并提供一些示例代码和使用指南。
用法
首先，让我们来看一下 matchAll() 方法的用法。它与 match() 方法有些相似，但也有一些显著的区别。match() 方法只返回第一个匹配的结果，而 matchAll() 方法可以返回所有匹配的结果。同时，match() 方法返回的是一个数组，而 matchAll() 方法返回的是一个迭代器。
下面是 matchAll() 方法的语法：
string.matchAll(regexp)
其中，string 是要匹配的字符串，regexp 是一个正则表达式，用于匹配字符串中的内容。
返回值
matchAll() 方法返回一个迭代器，我们可以使用 for...of 循环来遍历迭代器中的所有结果。每个结果都是一个数组，包含匹配到的子串和捕获组（如果有的话）。
下面是一个示例代码：
const str = 'Hello World! This is a test string.';
const regexp = /\w+/g;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match);
}输出结果如下：
["Hello", index: 0, input: "Hello World! This is a test string.", groups: undefined] ["World", index: 6, input: "Hello World! This is a test string.", groups: undefined] ["This", index: 12, input: "Hello World! This is a test string.", groups: undefined] ["is", index: 17, input: "Hello World! This is a test string.", groups: undefined] ["a", index: 20, input: "Hello World! This is a test string.", groups: undefined] ["test", index: 22, input: "Hello World! This is a test string.", groups: undefined] ["string", index: 27, input: "Hello World! This is a test string.", groups: undefined]
指导意义
matchAll() 方法的出现，使得我们能够更方便地遍历字符串中所有匹配正则表达式的结果。在某些情况下，这可以大大简化我们的代码，提高代码的可读性和可维护性。
例如，我们可以使用 matchAll() 方法来解析一个 CSV 文件。假设我们有一个包含以下内容的 CSV 文件：
Name,Age,Gender John,25,Male Jane,30,Female Bob,40,Male
我们可以使用 matchAll() 方法来遍历每一行，然后再使用 split() 方法来分割每一行中的字段。下面是一个示例代码：
-- -------------------- ---- ------- ----- --- - ---------------- ------------ -------------- ------------- ----- ------ - --------------------- ----- ------- - --------------------- ----- ---- - --- --- ----- - --------------- ----- ------------- - ----- --- - --------------- ----- ------ - --------------- ------------------ ----- - --------------- - ------------------
输出结果如下：
[ ["Name", "Age", "Gender"], ["John", "25", "Male"], ["Jane", "30", "Female"], ["Bob", "40", "Male"] ]
总结
String.prototype.matchAll() 是 ES12 中新增的一个非常实用的字符串方法，它可以返回一个迭代器，用于遍历字符串中所有匹配正则表达式的结果。使用该方法，我们可以更方便地处理字符串中的内容，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/655c5c05d2f5e1655d675e41