前言
正如我们所知，在 JavaScript 中，字符串是一种简单但十分重要的数据类型，而对于字符串的操作，就需要用到字符串的方法。ES10 中新增了一个方法：matchAll()，这个方法可谓是非常实用了。
下面我们就来详细介绍一下这个方法。
定义
matchAll() 方法会返回一个迭代器对象，通过它可以获取到一个字符串中所有匹配某个正则表达式的结果。
使用
使用 matchAll() 方法需要传入一个正则表达式，如下所示：
const str = "hello,world!";
const regExp = /[a-z]/g;
for (const match of str.matchAll(regExp)) {
console.log(match);
}代码中，我们将字符串 str 作为 matchAll() 方法的执行对象，传递了一个正则表达式 /[a-z]/g ， 这个正则表达式可以匹配 a-z 中的任何一个字符。对于 matchAll() 方法返回的结果，我们可以用 for...of 循环进行遍历，从而获得一个字符串中所有匹配某个正则表达式的结果。
最终控制台输出的结果如下：
// javascriptcn.com 代码示例 ["h", index: 0, input: "hello,world!"] ["e", index: 1, input: "hello,world!"] ["l", index: 2, input: "hello,world!"] ["l", index: 3, input: "hello,world!"] ["o", index: 4, input: "hello,world!"] ["w", index: 6, input: "hello,world!"] ["o", index: 7, input: "hello,world!"] ["r", index: 8, input: "hello,world!"] ["l", index: 9, input: "hello,world!"] ["d", index: 10, input: "hello,world!"]
拓展性
在 matchAll() 方法中，我们可以使用组捕获，如下所示：
const str = "Hello, I am Echo.";
const regExp = /(\w+),?\s?(?:I am|am)\s?(\w+)\./g;
for (const match of str.matchAll(regExp)) {
console.log(match);
}代码中，正则表达式使用组捕获，匹配字符串中 “，” 或 “I am” 或 “am” 前后的两个单词。最终的控制台输出如下：
["Hello, I am Echo.", "Hello", "Echo", index: 0, input: "Hello, I am Echo."]
以上实例表明，matchAll() 方法对于场景的适用性非常广泛，让我们的代码更加简洁、高效、可读性更好。
灵活性
在实际开发中，我们可能会遇到匹配的正则表达式不同，需要动态传入的问题，这个时候，我们可以动态生成正则表达式，如下所示：
const dynamicRegExp = new RegExp(/\d+/,`g`);
const str2 = "hello,123,456,world!";
for (const match of str2.matchAll(dynamicRegExp)) {
console.log(match);
}代码中，我们将动态生成的正则表达式传入到 matchAll() 方法中，从而达到动态匹配的目的。
总结
通过本文的介绍，相信大家对于 matchAll() 方法的作用和使用方式有了更深入的认识。matchAll() 方法的实用性、拓展性和灵活性使它成为我们前端开发过程中非常重要的一个方法，相信在实际的应用场景中，它也会大显身手。
最后，建议大家在实际开发中多多尝试，进一步熟悉这个方法，从而写出更加高效、简洁的代码，实现更加优秀的应用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654725227d4982a6eb18370f