在前端开发中，正则表达式是非常重要的技术之一，它能够帮助我们进行字符串的搜索、替换和匹配等操作。在 ES12 中，新增了一个替代 Array 的数据类型：RegExpMatchArray，它可以更加高效地储存正则表达式的匹配结果，同时提供了更多的操作方法和属性。
RegExpMatchArray 的基本用法
RegExpMatchArray 是一个由正则表达式匹配结果组成的数组，它包含了每个匹配结果的详细信息，例如匹配的开始位置、结束位置和匹配的字符串等。我们可以使用正则表达式的 exec 方法来获得一个 RegExpMatchArray 数组。
下面是一个示例代码：
const str = 'hello world, hello everyone'; const regExp = /hello/g; const matches = regExp.exec(str); console.log(matches); // ["hello", "hello"]
上面的代码中，我们定义了一个字符串 str 和一个正则表达式 regExp，其中 /hello/g 表示查找字符串中所有的 "hello" 子串。然后使用 regExp.exec 方法来查找匹配结果，将结果储存在变量 matches 中。运行代码后，我们可以得到如下的结果：
["hello", "hello"]
RegExpMatchArray 数组的第一个元素是完整匹配结果，后面的元素则是对应每个捕获组（capturing group）的匹配结果。
RegExpMatchArray 的属性和方法
RegExpMatchArray 提供了许多 Array 所没有的操作方法和属性，例如：
input
表示被匹配的字符串。
console.log(matches.input); // 'hello world, hello everyone'
index
表示匹配的起始位置。
console.log(matches.index); // 0
length
表示数组的长度，即匹配结果的个数。
console.log(matches.length); // 2
groups
表示所有命名捕获组的匹配结果。
const str = '2021-12-05';
const regExp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const matches = regExp.exec(str);
console.log(matches.groups); // { year: '2021', month: '12', day: '05' }除了上述属性外，RegExpMatchArray 还有一些方法可以操作数组，例如：
slice
用于提取数组的一部分。
console.log(matches.slice(1)); // ["hello"]
join
用于将数组转换为字符串。
console.log(matches.join(' ')); // "hello hello"map
用于根据数组的每个元素返回一个新数组。
const newMatches = matches.map(match => match.toUpperCase()); console.log(newMatches); // ["HELLO", "HELLO"]
使用 RegExpMatchArray 优化正则操作
RegExpMatchArray 不仅提供了更多的操作方法和属性，而且比 Array 更加高效。尤其当一个正则表达式需要多次匹配时，使用 RegExpMatchArray 可以避免重复执行正则表达式的编译和分配内存操作，从而提升性能。
下面是一个使用 RegExpMatchArray 优化正则操作的示例：
const str = 'a1b2c3d4e5f6';
const regExp = /\d/g;
let matches;
while ((matches = regExp.exec(str)) !== null) {
console.log(matches[0]);
}上面的代码中，我们定义了一个字符串 str 和一个正则表达式 /\d/g，表示查找字符串中的数字。然后使用 while 循环来逐个匹配数字，并输出匹配结果。由于 regExp.exec 会返回一个 RegExpMatchArray 数组，我们可以直接用 matches[0] 来获取匹配到的数字。由于 while 循环会一直执行直到匹配到最后一个数字，所以每次循环都不需要重新编译和分配内存操作，因此可以大大提高性能。
总结
RegExpMatchArray 是 ES12 中新增的一种数据类型，它可以更加高效地储存正则表达式的匹配结果，并提供了许多操作方法和属性。在实际开发中，我们可以使用 RegExpMatchArray 来优化正则操作，从而提升性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f6ca74f6b2d6eab3f53e65