在 ECMAScript 2019 (也称为 ES10) 中，新增了一个名为 Symbol.matchAll() 的方法，该方法用于在字符串中查找所有匹配的正则表达式。
使用方法
Symbol.matchAll() 方法接受一个字符串作为参数，并返回一个迭代器对象。该迭代器对象包含了所有匹配正则表达式的结果。
const str = 'The quick brown fox jumps over the lazy dog.';
const regex = /[A-Z]/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match);
}上面的代码将会输出：
['T', index: 0, input: 'The quick brown fox jumps over the lazy dog.'] ['J', index: 16, input: 'The quick brown fox jumps over the lazy dog.']
深度解析
Symbol.matchAll() 方法的返回值是一个迭代器对象，该对象包含了所有匹配正则表达式的结果。每个结果是一个数组，数组的第一个元素是匹配到的字符串，后面的元素是关于该匹配的一些信息，例如匹配的位置和原始的输入字符串。
下面是一个更加详细的示例：
-- -------------------- ---- ------- ----- --- - ---- ----- ----- --- ----- ---- --- ---- ------ ----- ----- - ------------------- ----- ------- - -------------------- --- ------ ----- -- -------- - ---------------------- -- ------- ---------------------- -- ------ ---------------------- -- ------ ------------------------- -- ------ ------------------------- -- -------- -
上面的代码将会输出：
['The', 'T', 'he', index: 0, input: 'The quick brown fox jumps over the lazy dog.'] ['Jumps', 'J', 'umps', index: 16, input: 'The quick brown fox jumps over the lazy dog.']
在上面的示例中，我们使用了一个正则表达式，该表达式会匹配大写字母和它后面的所有小写字母。我们使用了两个捕获组来获取匹配结果中的大写字母和小写字母。我们还使用了 index 属性来获取匹配结果在原始字符串中的位置，以及 input 属性来获取原始的输入字符串。
指导意义
Symbol.matchAll() 方法的出现，使得我们能够更加方便地获取所有匹配正则表达式的结果。在以前，我们需要使用 RegExp.exec() 方法来获取所有匹配结果，但是该方法需要手动循环来获取所有结果，并且需要注意循环终止条件的设置。
使用 Symbol.matchAll() 方法，我们可以通过一个简单的 for...of 循环来遍历所有匹配结果。这样可以使我们的代码更加简洁和易读。
总结
Symbol.matchAll() 方法是 ECMAScript 2019 中新增的方法，用于在字符串中查找所有匹配的正则表达式。该方法返回一个迭代器对象，该对象包含了所有匹配正则表达式的结果。每个结果是一个数组，数组的第一个元素是匹配到的字符串，后面的元素是关于该匹配的一些信息。该方法的出现使得我们能够更加方便地获取所有匹配正则表达式的结果，并使得代码更加简洁和易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e45bd51886fbafa406d030