在 ES10 中，新增了一个 String.prototype.matchAll() 方法，该方法可以用于全局匹配一个字符串中的所有匹配项，并返回一个迭代器对象。本文将详细介绍该方法的使用方法及应用场景。
用法
String.prototype.matchAll() 方法接收一个正则表达式作为参数，该正则表达式必须包含全局标志 g，否则将会抛出一个错误。该方法返回一个迭代器对象，该对象包含了字符串中所有匹配该正则表达式的结果。
const str = 'hello world'; const regExp = /l/g; const matchAll = str.matchAll(regExp); console.log([...matchAll]); // [['l', index: 2, input: 'hello world'], ['l', index: 3, input: 'hello world']]
上述代码中，我们使用了 String.prototype.matchAll() 方法来匹配字符串中所有的 l 字符，并返回一个迭代器对象。我们通过展开运算符将迭代器对象转换为数组，并打印出了所有匹配结果。
迭代器对象包含了一个 next() 方法，该方法可以用于获取下一个匹配项。当迭代器对象中不存在下一个匹配项时，next() 方法将会返回 { done: true }。
-- -------------------- ---- ------- ----- --- - ------ ------- ----- ------ - ----- ----- -------- - --------------------- --- ------ - ---------------- ----- -------------- - -------------------------- ------ - ---------------- -
上述代码中，我们通过迭代器对象的 next() 方法来获取下一个匹配项，并在控制台中打印出了所有匹配结果。
应用场景
String.prototype.matchAll() 方法可以用于处理复杂的字符串匹配场景。例如，我们可以使用该方法来匹配一段 HTML 代码中的所有链接。
-- -------------------- ---- ------- ----- ---- - - -- ---------------------------------------- -- -------------------------------------- -- ------------------------------------ -- ----- ------ - ----------------------------------------- ----- -------- - ---------------------- ----- ----- - ----------------------- -- ---------- ------------------- -- -------------------------- ------------------------ -----------------------
上述代码中，我们使用了 String.prototype.matchAll() 方法来匹配 HTML 代码中的所有链接，并将链接存储在 links 数组中。
总结
String.prototype.matchAll() 方法可以用于全局匹配一个字符串中的所有匹配项，并返回一个迭代器对象。该方法可以处理复杂的字符串匹配场景，例如匹配 HTML 代码中的所有链接。在使用该方法时，需要注意正则表达式必须包含全局标志 g。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663ca245d3423812e4a90e00