在 ES2020 中，JS 的 String 实例新增了 matchAll 方法。这个方法可以用来查找字符串中满足指定条件的所有匹配项，并返回一个迭代器。这个功能在处理大量文本时非常实用。本文将详细介绍 matchAll 方法的用法和使用场景，并提供示例代码来帮助读者更好地理解它的工作原理。
matchAll 方法的基本用法
matchAll 方法接收一个正则表达式作为参数，然后返回一个迭代器，用于返回所有满足正则表达式条件的匹配项。这个方法的基本语法如下：
let iterator = string.matchAll(regexp);
其中，iterator 为返回的迭代器，string 是需要进行匹配的字符串，regexp 为用来匹配字符串的正则表达式。
需要注意的是，该方法只能在字符串上调用，而不是在正则表达式上调用。
迭代器的使用
得到迭代器之后，我们可以使用 for...of 循环来操作它，然后获取所有的匹配项。一个例子代码如下：
let str = 'hello, world'; let re = /l/g; let iterator = str.matchAll(re); for (let match of iterator) { console.log(match); }
运行上面的代码，将得到下面的输出：
Array [ "l", index: 2, input: "hello, world", groups: undefined ] Array [ "l", index: 3, input: "hello, world", groups: undefined ]
可以看到，matchAll 方法返回的迭代器中包含了所有满足条件的匹配项。每个匹配项都是一个数组，数组中的第一项是匹配的文本，其它属性表示匹配文本的位置、原始字符串等信息。
matchAll 方法的使用场景
matchAll 方法的使用场景非常广泛，特别是在处理大量文本时非常实用。以下是几个典型的使用场景：
1. 搜索文本
当需要在文本中搜索所有满足条件的内容时，matchAll 方法是一个很好的选择。例如，假设要从一篇文章中找出所有的 URL，可以使用正则表达式匹配出所有的连接地址，代码示例如下：
-- -------------------- ---- ------- --- ---- - - ------ ----- ----- --- ----- ------------------- ----------- ---------- ----- -- -- --------- ------ --- ---- --------- ----- ----------------- -------- --------- ----- ---- -- ---------- ----- --------- ---- ------- ---- -- ---- -- ---- ------- ------- ---- ----- ------ -- --- -- - ----------------------------- --- ------ - --- --- ---- ----- -- ------------------ - ---------------------- - -------------------- -- ---------------------- --------------------展开代码
上面的代码演示了如何使用 matchAll 方法来匹配出一段文本中所有的 URL 地址。
2. 处理 CSV 文件
在处理 CSV 文件时，matchAll 方法也非常实用。例如，假设需要将一份 CSV 文件解析成 JSON 格式，可以使用 matchAll 方法来匹配出 CSV 文件中所有的行、列，然后将数据转换成 JSON 格式。代码示例如下：
-- -------------------- ---- ------- --- --- - -------------- ----------- ----- ------------- -------- ----------------- --------------- -- --- -- - ------------------------ --- ---- - --- --- ---- ----- -- ----------------- - --- --- - --------------------------- - --- -- ---------------------------- - --- - ---- --------------------------------------- ----- - --- ------- - -------- --- ----- - --------------- --- ------ - --- --- ---- - - -- - - ------------ ---- - --- ---- - --- --- ---- - - -- - - ------ ---- - ---------------- - ----------- - ------------------ - ------------------------------------展开代码
上面的代码演示了如何使用 matchAll 方法来解析 CSV 文件，并将数据转换为 JSON 格式。
小结
在 ES2020 中，JS 的 String 实例新增了 matchAll 方法。这个方法可以用来查找字符串中满足指定条件的所有匹配项，并返回一个迭代器。该方法的使用场景非常广泛，特别是在处理大量文本时非常实用。在实际开发中，我们可以根据需要选择合适的方式来使用该方法，以便更好地处理字符串和文本数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c81a5ee46428fe9ee1fb34
