ES11 是 ECMAScript 新增的一个版本，其中除了一些新特性外，还添加了一些常用的函数，其中之一是 String.prototype.matchAll()。
在本文中，我们将详细了解 String.prototype.matchAll() 的工作原理及用法，并提供一些示例代码，以便您更好地理解如何使用它。
String.prototype.matchAll() 简介
String.prototype.matchAll() 是一种新的用于字符串处理的方法，它允许我们以一种更直接的方式在字符串中查找所有的匹配项。
在之前的版本中，我们需要使用正则表达式和全局模式，然后不断调用 RegExp.exec() 方法来迭代匹配项，并最终得到所有的匹配项。
在 ES11 中，我们可以直接使用 String.prototype.matchAll() 方法来实现上述操作。
String.prototype.matchAll() 的用法
使用 String.prototype.matchAll() 的基本语法如下：
const matches = string.matchAll(regexp);
其中，string 是字符串，regexp 是一个正则表达式。
该方法返回一个迭代器（Iterator），该迭代器包含所有匹配项的详细信息。我们可以使用 for-of 循环来遍历返回的迭代器，以访问所有匹配项及其属性。
const string = 'Hello, this is a simple example.';
const regexp = /\w+/g;
for (const match of string.matchAll(regexp)) {
console.log(match);
}将返回如下的结果：
[ 'Hello', index: 0, input: 'Hello, this is a simple example.' ] [ 'this', index: 7, input: 'Hello, this is a simple example.' ] [ 'is', index: 12, input: 'Hello, this is a simple example.' ] [ 'a', index: 15, input: 'Hello, this is a simple example.' ] [ 'simple', index: 17, input: 'Hello, this is a simple example.' ] [ 'example', index: 24, input: 'Hello, this is a simple example.' ]
在返回的结果数组中，每个匹配项都是一个数组，包含匹配的字符串以及其他常见的属性（如 index 和 input）。
示例代码
下面是一些使用 String.prototype.matchAll() 的示例代码，以演示其用法：
示例 1
const string = 'cats can jump and run';
const regexp = /[a-z]+/g;
for (const match of string.matchAll(regexp)) {
console.log(match);
}输出：
[ 'cats', index: 0, input: 'cats can jump and run' ] [ 'can', index: 5, input: 'cats can jump and run' ] [ 'jump', index: 9, input: 'cats can jump and run' ] [ 'and', index: 14, input: 'cats can jump and run' ] [ 'run', index: 18, input: 'cats can jump and run' ]
示例 2
const string = 'The quick brown fox jumps over the lazy dog';
const regexp = /the\s[a-z]+/gi;
for (const match of string.matchAll(regexp)) {
console.log(match);
}输出：
[ 'the quick', index: 4, input: 'The quick brown fox jumps over the lazy dog' ] [ 'the lazy', index: 36, input: 'The quick brown fox jumps over the lazy dog' ]
示例 3
const string = 'This is a simple example.';
const regexp = /\w+/g;
for (const match of string.matchAll(regexp)) {
console.log(`'${match[0]}' matches at position ${match.index}.`);
}输出：
'Hello' matches at position 0. 'this' matches at position 7. 'is' matches at position 12. 'a' matches at position 15. 'simple' matches at position 17. 'example' matches at position 24.
总结
String.prototype.matchAll() 可以大大简化字符串处理，使其更直接和易于控制。使用它可以更容易地找到所有匹配项并高效搜索，同时也可以避免执行多个正则表达式以查找所有匹配项的问题。
希望本文提供的指南及示例代码有助于理解与使用 String.prototype.matchAll()，并且能够为您提供有益的参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6474721b968c7c53b01d2c90