在 ES12 中，Object 新增了一个非常实用的方法 matchAll()，它可以帮助我们更方便地对字符串进行正则匹配。在本篇文章中，我们将详细介绍 matchAll() 的使用方法以及其指导意义。
什么是 matchAll() 方法？
matchAll() 方法是 ES12 中新增的 Object 的一个方法，它可以在字符串中使用正则表达式进行全局匹配，并返回一个迭代器对象，用于遍历所有匹配的结果。
如何使用 matchAll() 方法？
matchAll() 方法的使用非常简单，只需要在字符串对象上调用该方法，并传入一个正则表达式作为参数即可。例如：
const str = 'Hello, world! This is a test string.';
const regex = /\b\w+\b/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match);
}在上面的例子中，我们使用正则表达式 \b\w+\b 对字符串进行全局匹配，并将匹配结果存储在 matches 变量中。然后，我们使用 for...of 循环遍历 matches 迭代器对象，输出所有匹配结果。
输出结果如下：
["Hello", index: 0, input: "Hello, world! This is a test string.", groups: undefined] ["world", index: 7, input: "Hello, world! This is a test string.", groups: undefined] ["This", index: 14, input: "Hello, world! This is a test string.", groups: undefined] ["is", index: 19, input: "Hello, world! This is a test string.", groups: undefined] ["a", index: 22, input: "Hello, world! This is a test string.", groups: undefined] ["test", index: 24, input: "Hello, world! This is a test string.", groups: undefined] ["string", index: 29, input: "Hello, world! This is a test string.", groups: undefined]
从输出结果可以看出，matchAll() 方法返回的是一个迭代器对象，每个迭代器对象包含了匹配到的结果及其在字符串中的位置等信息。
另外，我们还可以使用 Array.from() 方法将迭代器对象转换为数组：
const str = 'Hello, world! This is a test string.'; const regex = /\b\w+\b/g; const matches = Array.from(str.matchAll(regex)); console.log(matches);
输出结果如下：
-- -------------------- ---- ------- - --------- ------ -- ------ ------- ------ ---- -- - ---- --------- ------- ----------- --------- ------ -- ------ ------- ------ ---- -- - ---- --------- ------- ----------- -------- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ----------- ------ ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ----------- ----- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ----------- -------- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ----------- ---------- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ---------- -
matchAll() 方法的指导意义
matchAll() 方法的出现，使得我们在处理字符串时更加便捷。它不仅可以在字符串中使用正则表达式进行全局匹配，还可以返回一个迭代器对象，方便我们对匹配结果进行遍历和处理。
另外，由于迭代器对象是惰性求值的，也就是说只有在需要时才会计算匹配结果，因此使用 matchAll() 方法可以提升程序的性能。
结论
matchAll() 方法是 ES12 中新增的 Object 的一个非常实用的方法，它可以帮助我们更方便地对字符串进行正则匹配。使用该方法可以返回一个迭代器对象，用于遍历所有匹配的结果，使得我们在处理字符串时更加便捷，同时也可以提升程序的性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673aa64239d6d08e88af26d6