正则表达式在前端开发中是非常常用的一个工具，能够帮助我们进行字符串匹配、替换、提取等操作。在 ECMAScript 2021（ES12）中，RegExp Match 索引被引入，可以更加方便地获取正则表达式匹配的结果，让我们来一起学习一下。
RegExp Match 索引是什么
RegExp Match 索引是一个新的属性，它是正则表达式的一个实例属性，可以返回一个数组，数组中包含了所有匹配的字符串。
在之前的版本中，我们需要使用 RegExp.exec() 方法来获取匹配的结果，这个方法返回的是一个数组，数组中第一个元素是匹配到的字符串，后面的元素是匹配到的子串，如果没有匹配到，则返回 null。但是这种方式比较繁琐，需要多次调用 RegExp.exec() 方法才能获取所有的匹配结果。
而 RegExp Match 索引则简化了这个过程，它可以一次性返回所有匹配的结果，不需要多次调用 RegExp.exec() 方法。
如何使用 RegExp Match 索引
我们可以通过以下方式来使用 RegExp Match 索引：
const regex = /foo/g; const str = 'foo bar baz foo'; const matches = str.match(regex);
上面的代码中，我们定义了一个正则表达式 /foo/g，然后使用字符串的 match() 方法来获取匹配结果。在这个例子中，matches 数组中包含了所有匹配到的字符串，即 ['foo', 'foo']。
当然，我们也可以使用 RegExp 对象的 match() 方法来获取匹配结果：
const regex = /foo/g; const str = 'foo bar baz foo'; const matches = regex.match(str);
这两种方式的结果是一样的。
RegExp Match 索引的返回值
RegExp Match 索引返回的是一个数组，数组中包含了所有匹配到的字符串。如果没有匹配到任何字符串，则返回 null。
返回的数组中，第一个元素是匹配到的字符串，后面的元素是匹配到的子串。数组还有两个属性：index 和 input，分别表示匹配到的字符串的起始位置和原始字符串。
下面是一个示例代码：
const regex = /foo/g; const str = 'foo bar baz foo'; const matches = str.match(regex); console.log(matches); // ['foo', 'foo'] console.log(matches.index); // 0 console.log(matches.input); // 'foo bar baz foo'
总结
RegExp Match 索引是 ECMAScript 2021（ES12）中的一个新特性，它可以帮助我们更加方便地获取正则表达式匹配的结果。使用起来非常简单，只需要调用字符串的 match() 方法或者 RegExp 对象的 match() 方法即可。返回的数组中包含了所有匹配到的字符串，以及一些其他的属性，可以帮助我们更好地处理匹配结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f002b32b3ccec22f9395ea