在 ES12 中新增的一项特性是 RegExp Match Indices，这个特性可以让我们更方便地获取正则表达式匹配的位置信息，从而更加高效地处理字符串。
什么是 RegExp Match Indices?
在以往的版本中，如果我们想要获取正则表达式匹配的位置信息，需要通过 regexp.exec() 或者 String.prototype.match() 方法获取匹配结果对象，并从中获取 index 和 input 属性。
在 ES12 中，通过将 match() 和 search() 方法返回的数组或返回对象中加入 indices 属性，就可以方便地获取正则表达式的匹配位置信息了。
RegExp Match Indices 的使用方法
获取 RegExp Match Indices
在使用 match() 或者 search() 方法时，可以在返回数组或返回对象中加入 indices 属性，代码如下所示：
// 获取正则表达式的匹配位置 const str = 'Hello World'; const regexp = /o/; const result = str.match(regexp); console.log(result.indices); // 输出：[ [4, 5] ]
在上述代码中，indices 属性返回了匹配的位置信息，对应一个数组，数组的第一个元素代表匹配到的字符串在原字符串中的开始位置，第二个元素代表结束位置。
利用 RegExp Match Indices 修改字符串
利用 RegExp Match Indices，可以方便地修改字符串中匹配到的内容，代码如下所示：
// 利用 indices 修改字符串
const str = 'Hello World';
const regexp = /o/;
const result = str.match(regexp);
const [start, end] = result.indices[0];
const newStr = `${str.slice(0,start)}k${str.slice(end)}`;
console.log(newStr); // 输出：'Hellk World'在上述代码中，利用解构的方式获取了匹配到的位置信息，然后利用字符串切割和拼接的方式修改了原字符串。
RegExp Match Indices 示例代码
下面是利用 RegExp Match Indices 特性处理一个字符串的示例代码：
-- -------------------- ---- ------- ----- --- - ------- -- ---- -- ----- - -- -- ----- ------ ----- ----------- - ------------- ----- ---------- - ------- -- ------ ----- ----- - ---------------------- ----------- ------------------- -- ---- -------- ----- ------- ----- ------- ---- ----- -------- ----- - -- ------ ----- ---- - --------------------- ----------- ------------------ -- ---- ---- --- - ----- ------- ---- - ------------------- -- ----- ----- ------ - -------------------------------------------------- -------------------- -- ---------- -- ---- -- ----- - -- -- ----- -----
在上述代码中，我们用到了 match() 方法的第二个参数 indices，获取了匹配到的位置信息，从而实现了修改字符串的目的。
总结
ES12 中新增的 RegExp Match Indices 特性让我们更加方便地获取正则表达式匹配的位置信息，从而更高效地处理字符串。在日常开发中，我们可以通过这个特性更加方便地进行字符串操作，提高代码效率和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6549e8f27d4982a6eb41ea0e