在前端开发中，我们常常需要对字符串进行分割和分析。在 ES10 之前，我们通常使用正则表达式和字符串的 split() 方法来实现这个功能。然而，这种方法存在一些局限性，比如无法获取分割符，无法获取分割后的位置等。而在 ES11 中，新增了 matchAll() 方法，可以更加方便地实现字符串的分割和分析。
matchAll() 方法介绍
matchAll() 方法是 String 对象的一个新增方法，用于返回一个迭代器，该迭代器包含了与正则表达式匹配的所有结果。需要注意的是，该方法仅在支持 ES11 的浏览器中才能使用。
matchAll() 方法的语法如下：
string.matchAll(regexp)
其中，regexp 是一个正则表达式。
matchAll() 方法返回一个迭代器，该迭代器包含了所有与正则表达式匹配的结果。每个结果都是一个数组，包含了该匹配的完整信息，包括匹配到的内容、匹配到的位置、匹配到的分组等。
matchAll() 方法的应用
利用 matchAll() 方法，我们可以更加方便地实现字符串的分割和分析。下面是一个示例代码，演示了如何使用 matchAll() 方法获取一个字符串中所有数字的位置和值：
const str = 'abc 123 def 456 ghi 789';
const regexp = /\d+/g;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(`Value: ${match[0]}, Position: ${match.index}`);
}输出结果如下：
Value: 123, Position: 4 Value: 456, Position: 12 Value: 789, Position: 20
在上面的示例代码中，我们首先定义了一个字符串 str 和一个正则表达式 /\d+/g，该正则表达式用于匹配所有数字。然后，我们使用 matchAll() 方法获取了该字符串中所有匹配到的数字。最后，我们遍历了这些匹配结果，输出了每个匹配结果的值和位置。
除了获取位置和值之外，matchAll() 方法还可以获取匹配到的分组等信息，具体使用方法可以参考相关文档。
总结
利用 ES11 中的 matchAll() 方法，我们可以更加方便地实现字符串的分割和分析。该方法可以获取匹配结果的完整信息，包括位置、值和分组等，从而提高了分析和处理字符串的效率和准确性。在实际开发中，我们可以结合正则表达式和 matchAll() 方法，快速地实现字符串的分割和分析功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6513a2b295b1f8cacdc11a66