RegExp 是 JavaScript 中常用的字符串处理工具。在 ES11 中，新增了一种名为 RegExp Match Array 结构的东西，让正则表达式的匹配更加便捷。在这篇文章中，我们将探讨它的使用方法以及如何将它转换为普通数组。
RegExp Match Array 结构
RegExp Match Array 是一种由正则表达式匹配出来的数组。它的结构如下：
[ match1, match2, ... groups, index, input ]
其中，match1、match2 等为正则表达式匹配出来的结果。groups 包含了正则表达式的命名捕获组（named capture groups）的结果。index 为匹配结果在字符串中的位置，input 则为原始字符串。
例如，我们有一个包含邮箱地址的字符串 foo@bar.com ，对它进行邮箱匹配的正则表达式为 /(\w+)@(\w+)\.com/：
const regex = /(\w+)@(\w+)\.com/; const email = 'foo@bar.com'; const result = regex.exec(email); console.log(result); // 输出 ["foo@bar.com", "foo", "bar", index: 0, input: "foo@bar.com", groups: undefined]
可以看到，result 数组中包含了整个匹配结果以及正则表达式中使用的命名捕获组。
将 RegExp Match Array 转换为普通数组
虽然 RegExp Match Array 可以很方便地获取正则表达式的匹配结果，但在一些场景下需要将它转换为普通数组。这可以通过 Array.from() 方法或 spread 运算符来实现。
-- -------------------- ---- ------- ----- ----- - ------------------- ----- ----- - -------------- ----- ------ - ------------------ -- -- ------------ -- ----- ------ - ------------------- -------------------- -- -- --------------- ------ ------ ------ -- ------ -------------- ------- ---------- -- -- ------ ----- ----- ------ - ------------ -------------------- -- -- --------------- ------ ------ ------ -- ------ -------------- ------- ----------
转换后的普通数组与 RegExp Match Array 结构相同，但去除了命名捕获组。
总结
本文介绍了 ES11 中新增的 RegExp Match Array 结构及其使用方法。它可以更轻松地处理正则表达式的匹配结果。在需要转换为普通数组时，可以使用 Array.from() 方法或 spread 运算符进行转换。掌握这些技巧可以提高前端开发效率，推荐大家多加练习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e1e7b1f6b2d6eab3d30a48