什么是 RegExp？
RegExp 是 JavaScript 中用来处理字符串的一种特殊对象，全称为 Regular Expression，即正则表达式。正则表达式是一种描述、匹配、搜索和替换文本的强大工具，适用于处理字符串中的多种匹配模式。
在 JavaScript 中，用两个斜杠（/）把正则表达式括起来表示，例如，/Hello World/g。其中的 g 表示全局匹配模式。
RegExp 对象有多种方法，可以由字面量或者构造器初始化。其中，match() 是最常用的方法，用来匹配符合正则表达式的字符串。match() 方法会返回一个数组，包含匹配的字符串，以及匹配的字符串在原字符串中的位置、长度等信息。
RegExp Match Indices 是什么？
在 ES12 中，RegExp 对象新增了 Match Indices 特性，能够返回更详细的匹配信息，包括匹配的字符串在原字符串中的位置、长度等信息，以及匹配的组在原字符串中的位置、长度等信息。
在使用 match() 方法时，如果在正则表达式对象上使用了 matchAll() 方法，则会返回一个迭代器，用于迭代所有的匹配结果。而这个迭代器的每个元素都包含一个数组，含有与该匹配相对应的 Match Indices 信息。
如何使用 RegExp Match Indices？
在使用 match() 方法时，可以手动传入 RegExpMatchArray 类型的 Match Indices 参数，来返回更详细的匹配信息。
-- -------------------- ---- ------- ----- --- - ------ -------- ----- ----- - --------- ----- ----- - ----------------- ----- ------------ - ---------------------- -- - ----- - ------ ----- - - ------- ----- -------- - ----- - -------------- ------ ------- ---------- --- -- ------ -- ----- ------------ --------- - -------------展开代码
在上面的示例中，我们手动获取了 Match Indices，并且通过 flatMap() 方法把数组扁平化了，方便后续使用。通过获取到的 startIndex 和 endIndex，我们就可以知道 'hello' 在字符串中的位置了。
同时，我们也可以使用 matchAll() 方法获取所有的匹配结果以及对应的 Match Indices。
-- -------------------- ---- ------- ----- --- - ------ -------- ----- ----- - --------- ----- ------- - -------------------- --- ------ ----- -- -------- - ----- ---------- - --------- ----- ------------ - --------------------------- -- - ----- - ------ ----- - - ------- ----- -------- - ----- - -------------- ------ ------- ---------- --- -- ------ -- ----- ------------ --------- - ------------- -展开代码
在上面的示例中，我们使用了 matchAll() 方法，得到了所有匹配结果的迭代器 matches，然后通过 for 循环逐一处理每个匹配结果。和之前一样，我们手动获取了 Match Indices，并且通过 flatMap() 方法扁平化了数组，得到了 startIndex 和 endIndex。
进一步思考
RegExp Match Indices 是一个非常实用的特性，能够更方便地对字符串进行处理，提高开发效率。在实际项目中，我们应该善用这个特性，减少不必要的麻烦。
除此之外，我们还有很多其他的正则表达式技巧可以学习，例如：
- 量词：用来指定匹配的次数，例如 * 表示匹配 0 到多次。
- 分组：用来提取匹配中的某些部分，例如 (hello) 表示匹配 hello，并为其创建一个捕获组。
- 替代字符：用来替换匹配中的某些字符，例如 $1 表示当前替换的内容中，第一个匹配的字符。
正则表达式可以表达很复杂的匹配模式，有很高的使用价值。在学习和使用正则表达式时，需要多多练习，打好基础，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67cff5cee46428fe9ec53f49
