在 ES10 中，新增了一个静态方法 String.matchAll()，该方法可以返回一个迭代器，用于匹配一个字符串中所有与正则表达式匹配的子串。这个新特性可以显著提高 JavaScript 中字符串匹配的性能，尤其是在处理大量数据时。
什么是 String.matchAll？
String.matchAll() 方法的作用是用于查找一个字符串中的所有与正则表达式相匹配的子串，返回一个迭代器。这个迭代器会包含所有的匹配结果，每个结果包含多个信息：匹配到的子串，捕获组的值，以及对应的索引和原始字符串。
在之前的版本 JavaScript 中，只能使用 RegExp.exec() 方法来查找单个匹配项，而且需要重复调用这个方法，直到找出所有的匹配结果。这个过程有些繁琐并且效率不高，特别是在处理大量数据时。而 String.matchAll() 方法会返回所有匹配结果，大大提高了查找匹配项的效率。
如何使用 String.matchAll？
使用 String.matchAll() 方法很简单，只需要将字符串和正则表达式作为参数传递给方法即可。下面是一个示例代码：
const str = "hello world, hello JavaScript!";
const pattern = /hello/g;
const result = str.matchAll(pattern);
for (let item of result) {
console.log(item);
}这段代码将会输出所有符合正则表达式的匹配项，包括字符串，捕获组的值，以及对应的索引和原始字符串。输出结果如下：
["hello", index: 0, input: "hello world, hello JavaScript!", groups: undefined] ["hello", index: 13, input: "hello world, hello JavaScript!", groups: undefined]
如何提升字符串匹配性能？
使用 String.matchAll() 方法可以提升字符串匹配的性能和效率，特别是在处理大量数据时。此外，还可以采用一些其他技巧来进一步提升性能：
1. 使用正则表达式字面量
在使用正则表达式时，使用字面量的方式比创建对象的方式来构造正则表达式更加高效。因此，在编写正则表达式时，建议使用字面量的方式来创建。
// 建议使用
const pattern = /hello/g;
// 避免使用
const pattern = new RegExp("hello", "g");2. 避免使用不必要的捕获组
在匹配字符串时，使用捕获组可以更精确地选择所需的内容。但是，捕获组也会降低正则表达式的性能。因此，建议只在必要的时候使用捕获组。
// 建议使用 const pattern = /hello (world)/g; // 避免使用 const pattern = /hello (?:world)/g;
3. 在正则表达式中使用非贪婪模式
贪婪模式通常会匹配尽可能多的字符，这可能会导致匹配速度变慢。在正则表达式中，可以使用非贪婪模式，只匹配必要的字符，以提高性能。
// 使用贪婪模式，效率低 const pattern = /<.*>/g; // 使用非贪婪模式，效率高 const pattern = /<.*?>/g;
总结
String.matchAll() 方法是 ES10 中的一个新特性，用于提升 JavaScript 中字符串匹配的性能和效率。在使用该方法时，建议使用正则表达式字面量、避免使用不必要的捕获组和在正则表达式中使用非贪婪模式等技巧，以进一步提升性能。除此之外，还应该持续学习和探究新的技术特性，以不断提升自己的编程能力。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/659e98aaadd4f0e0ff77ade9