ECMAScript 2017 中的 RegExp.prototype.matchAll()：更好的正则匹配-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2017 中的 RegExp.prototype.matchAll()：更好的正则匹配

正则表达式在前端开发中是很常见的一种工具，在 JavaScript 中也是一个非常重要的核心方法。在 ECMAScript 2017 中，RegExp.prototype.matchAll() 新增了一个功能，让正则匹配更加方便和灵活。

正则表达式中的 match() 方法只能匹配出第一个符合条件的值，而 matchAll() 可以匹配出所有符合条件的值。这个方法的出现极大地简化了处理复杂字符串的过程，也方便了对字符串的细致处理。

matchAll() 方法的语法如下：

regexp.matchAll(str)

其中 regexp 为正则表达式，str 为待匹配的字符串。返回值为一个迭代器，通过迭代器可以逐个访问所有的匹配项。

如下示例代码：

-- -------------------- ---- -------
----- ------ - -------- --------
----- --- - ------ ------ ----- -----
----- ------- - ---------------------

--- ------ ----- -- -------- -
    ----------------------
    ------------------- -- ----------
    ------------------ -- -- ----------
    ------------------ -- -- ----------
-

在这个例子中，我们定义了一个正则表达式，用来匹配字符串中的 "hello" 和 "world" 或 "tom"，并将 "hello" 和 "world" 或 "tom" 分为两组匹配项。使用 matchAll() 方法可以轻松地匹配出所有符合条件的匹配项。

除了可以用 for...of 循环来逐个访问所有的匹配项之外，matchAll() 方法还可以通过扩展运算符 (...) 将所有的匹配项转换成数组。

如下示例代码：

const regExp = /(hello) (\w+)/g;
const str = 'hello world, hello tom';
const matches = [...str.matchAll(regExp)];

console.log(matches);

通过将迭代器转换成数组的方式，我们可以更方便地处理匹配项，例如筛选、去重等操作。

总结：

RegExp.prototype.matchAll() 方法是 ECMAScript 2017 中新增的一个功能，它可以方便地匹配出字符串中所有符合条件的值，并且对于需要对匹配项进行深度处理的情况，可以通过将迭代器转换成数组的方式进行更方便的操作。这个新功能可以让正则匹配更加快捷、高效和准确，是一个值得学习和掌握的工具。

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