ES10 中 String.matchAll() 原生方法-JavaScript中文网-JavaScript教程资源分享门户

在 ES10 中，JavaScript 新增了一个原生方法 String.matchAll()，这个方法可以让我们更好地处理正则表达式，提高开发效率。接下来我们将会详细介绍这个方法的用法，以及如何使用它来简化我们的代码。

String.matchAll() 的使用方法

String.matchAll() 方法是在字符串对象上定义的，用来处理匹配正则表达式的方法。这个方法返回一个迭代器，我们可以通过 .next() 方法来访问下一个匹配结果，也可以使用 for...of 循环语句对结果进行遍历。

这个方法的语法如下：

string.matchAll(regexp)

其中 regexp 参数是一个正则表达式，我们可以在其中指定我们要匹配的规则。

在 string 中，我们可以通过 matchAll() 方法来执行正则表达式的全局匹配，返回一个由匹配结果组成的迭代器。

下面我们来看一下具体的使用示例：

const str = 'hello world!';
const searchResult = /l/gi;

for (const match of str.matchAll(searchResult)) {
    console.log(match);
}

以上代码会将字符串 str 中所有符合正则表达式 /l/gi 的子串都输出到控制台上。其中 g 表示全局匹配，i 表示大小写不敏感。

这个方法还有一个巧妙的应用，就是可以快速获取所有匹配项的索引。我们只需要在正则表达式中加入 /(?=(pattern))/g，即可实现获取所有匹配项索引的效果。

const str = 'hello world!';
const searchResult = /(?=(l))/g;

for (const match of str.matchAll(searchResult)) {
    console.log(match.index);
}

以上代码会输出字符串 str 中每个 l 字符所在的索引位置。此时输出结果是 2 和 3，因为 l 在 hello world 中出现了两次，分别在第二个和第三个位置。

String.matchAll() 方法是一个非常实用的方法，它可以帮助我们更方便地处理正则表达式，提高开发效率。使用该方法不仅可以避免重复编写正则表达式，还可以将代码变得更加简洁易懂。希望本文对读者对于 String.matchAll() 方法的使用有所启示。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64f57e1ef6b2d6eab3e3830f