es6展开运算符的缺点 es6展开运算符

es6 引入string.prototype.matchall()是为了获取字符串中所有正则匹配的完整信息。1. 它返回一个迭代器，支持请求值，减少内存占用；2． 提供每个匹配的捕获组、索引、原始输入等详细信息；3． 必须使用带g标志的正则表达式，否则引发打字错误；4. 可通过for...的循环逐个处理匹配项，或使用array.from()、展开移植转换为数据库；5. 与match和exec相比，matchall结合了两者的优点，避免手动管理lastindex，简化代码逻辑，适用于需要所有匹配详细信息且追求代码简洁的场景。

ES6中所有的String.prototype.matchAll方法，提供了一种获取字符串中正则表达式匹配项的全新方式，它返回一个迭代器，其中包含了每个匹配的完整信息，包括排序组、索引等。解决方案

在ES6中，使用String.prototype.matchAll()来获取字符串中所有匹配项，核心是它返回的是一个迭代器，而不是直接的数据库。这意味着你可以逐个处理匹配项，而消耗掉所有结果加载到内存中，这对于处理大型字符串或大量匹配时尤其如此。

要使用matchAll，你需要一个带有全局标志（g）的正则表达式。如果正表达式没有g标志，matchAll会引发一个TypeError。const text = quot；这是我的第一句话，也是我的第二句话，更是我的第三句话。

quot；；const regex = /我的(\S ) said/g； //注意这里的 'g' 标志//matchAll返回一个迭代器 const matchesIterator = text.matchAll(regex)；console.log(quot；---遍历迭代器 ---quot；)；for (const match of matchesIterator) { console.log(`完整匹配： ${match[0]}`)； // 完整匹配字符串 console.log(`迭代组1： ${match[1]}`)； // 第一个捕获组的 console.log(`匹配索引： ${match.index}`)； // 匹配在原字符串中的起始索引 console.log(`原始输入： ${match.input}`)； // 原始字符串 console.log(quot；---quot；)；}// 也可以将其作为队列，以便于时间处理或调试 const matchesArray = Array.from(text.matchAll(regex))；console.log(quot；\n--- 转换为集群 ---quot；)；console.log(matchesArray)；//或者使用展开端口 const matchesSpread = [...text.matchAll(regex)]；console.log(quot；\n--- 使用展开端口 ---quot；)；console.log(matchesSpread)；// 示例：使用挖掘捕获 const nameRegex = /(?lt；daygt；\d{2})-(?lt；monthgt；\d{2})-(?lt；yeargt；\d{4})/g；const dateString = quot；今天是2023年3月20日，明天是2023年3月21日。quot；；for (const match of dateString.matchAll(namedRegex)) { console.log(`\n日期： ${match[0]}`)； console.log(` 日： ${match.groups.day}`)； console.log(` 月： ${match.groups.month}`)； console.log(`年： ${match.groups.year}`)；}登录后复制

matchAll返回每个匹配组对象，结构上与RegExp.prototype.exec()返回的匹配对象类似，包含：队列形式的匹配结果（match[0]是完整匹配，match[1]等是精度）。index属性：匹配项在原输入属性：原始的字符串。groups 属性：如果正则表达式使用了捕获捕获组，则可以通过这个对象访问它们。为什么ES6引入了matchAll？解决了哪些痛点？

坦白说，在matchAll出现时，处理字符串中所有正则表达式匹配项是之前有点“别扭”的事情。

你可能会用String.prototype.match()配合全局标志g，但那样只会返回一个包含所有完整匹配字符串的数组，捕获组信息、匹配位置这些关键细节全部丢失了。如果你想获取完整的匹配对象，就得手动写一个循环，配合RegExp.prototype.exec()来反复调用，并且要小心处理正则表达式的lastIndex属性，不然很容易陷入无限循环漏掉匹配。

这种手动管理lastIndex的模式，不仅代码写起来啰嗦，而且一不留神就可能出错。它要求开发者正则表达式的内部机制有预热的理解，这无疑增加了学习成本和失败概率。试想一下，每次需要完整匹配信息时，都要写那套模板代码，真是有点

matchAll的引入，就是为了解决这种痛点。它提供了一个语义上更清晰、使用上更直观的API，让你能“一次性”地获取所有的匹配完整信息，而不用手动管理迭代状态。它就像一个贴心的工具，把那些繁琐的简单逻辑封装起来，让你能更专注于业务逻辑本身，而不是与API的“怪癖”作斗争。得更简洁，也更不容易出错。matchAll返回的迭代器有什么特点？如何有效利用它？

matchAll方法返回的，是一个标准的JavaScript迭代器（迭代器）。这个特性决定了你如何看待这些匹配结果，也影响了性能表现。

迭代器的主要特点是优化求值（懒惰）这意味着matchAll并不会在调用时立即计算出所有的匹配结果并存储起来，而是当你真正需要一个匹配时（比如去for...的循环中），它就会查找因为下一个匹配。对于非常大的字符串或者有大量匹配项的场景，这种寻找值能够显着减少内存占用，你不需要因此在内存中保这就像你在看很长的电影，不需要把整部电影下载下来才能开始看，然后边下载边播放。

如何有效利用这个迭代器呢？

最直接、也是推荐的方式是用于...的循环。这是ES6专门为迭代器设计的语法，它能够顺利地遍历迭代器中的每个匹配对象：const text = quot；Apple， Banana， Cherry， Datequot；；const FruitRegex = /\b(\w a)\b/g； // 匹配以 'a' 结尾的单词 for (const match of text.matchAll(fruitRegex)) { console.log(`找到水果： ${match[0]} (在索引 ${match.index} 处)`)； // 你可以继续访问match.groups或其他属性}登录后复制

如果你确实需要一个包含所有匹配对象的数据库，比如为了后续的数据库方法操作（map、filter等），或者为了调试方便，你可以将迭代器转换为数据库而已。

最常用的方法是：Array.from()：const allMatchesArray = Array.from(text.matchAll(fruitRegex))；console.log(allMatchesArray)；登录后复制展开操作（...）：const allMatchesSpread = [...text.matchAll(fruitRegex)]；console.log(allMatchesSpread)；登录后复制

这两种方法都会遍历整个迭代器，并将所有匹配对象收集到一个新的队列中。虽然失去了钞求值的优势，但在需要阵列操作时非常方便。

理解迭代器的特性，使您在处理文本时做出更明智的选择：如果您只是需要逐个处理匹配，for...of 是最的；如果需要高效对所有匹配进行集合操作，再转换为阵列。matchAll与match和exec方法有什么不同？什么时候选择matchAll？

要理解matchAll的价值，就必须把它放到String.prototype.match()和RegExp.prototype.exec()这​​两个“老前辈”的背景下去看。它们各自有不同的注意力和行为，理解这些差异是选择正确工具的关键。

String.prototype.match()无g标志时：只返回第一个匹配项的完整匹配对象。该对象包含了捕获组、索引、输入字符串等所有详细信息，与exec返回的类似。const str = quot；hello world helloquot；；const result = str.match(/hello/)；console.log(result)； // [quot；helloquot；，index： 0，input： quot；hello world helloquot；， groups： undefined]登录后复制有g标志时：返回一个包含所有完整匹配字符串的数组。注意，它只返回匹配的字符串本身，不包含数组、索引等详细信息。这是最大的约束。const str = quot；hello world helloquot；；const result = str.match(/hello/g)；console.log(result)； // [quot；helloquot；， quot；helloquot；]登录后复制何时：当你只需要选择第一个匹配的详细信息，或者你只需​​要获取所有完整匹配的字符串（不介意捕获组和位置）时。

RegExp.prototype.exec()exec方法每次调用时，都会尝试在字符串中查找下一个匹配项。返回一个完整的匹配对象（与match无g标志时类似），或者在没有更多匹配时返回null。关键点：如果正则表达式有g标志，exec会更新正则表达式对象的lastIndex属性，从而在接下来调用时从上次结束匹配的位置继续查找。你需要手动在一个循环中反复调用exec来获取所有匹配。

const str = quot；foo bar bazquot；；const regex = /\w /g； // 注意这里的 'g' 标志let match；while ((match = regex.exec(str)) !== null) { console.log(match)； //最后循环都一个完整的匹配对象}登录后复制何时选择：当你需要逐个处理匹配，并且每个需要匹配的详细信息（包括捕获组和索引），同时可能需要对查找过程进行更细粒度的控制（例如，从得到特定位置开始查找）。这是matchAll出现，获取所有完整匹配的“标准”做法。

String.prototype.matchAll()必须有g标志：如果正则表达式没有g标志，matchAll会引发TypeError。返回迭代器：它返回一个迭代器，其中包含了所有匹配项的完整匹配对象（与exec返回的类似）。无需手动管理lastIndex：matchAll内部处理了这一切，你只需要迭代器即可。当你希望代码更简洁、更易读，避免在循环和管理lastIndex的复杂性时手动编写。当你处理大量或匹配大型字符串时，其指定求值的特性可以提供更好的内存效率。

就之而言，matchAll是简单匹配和exec的“集大成者”，它结合了exec提供完整匹配信息的优点，又简化了全匹配局发现时的复杂性。如果你需要所有匹配的详细信息，并且希望查询代码非常简洁和健美，那么matchAll无疑是ES6时代的首选。它把我们从繁琐的手动循环中解放出来，让正则表达式的全局匹配生成局部的效率。

以上就是ES6中哥用字符串的matchAll获取所有匹配的详细内容，更多请乐常识网其他文章关注相关！