在 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 特性处理一个字符串的示例代码：
// javascriptcn.com 代码示例
const str = 'Hello, my name is John. I am 30 years old.';
const namePattern = /[a-zA-Z]+/g;
const agePattern = /\d+/g;
// 获取姓名数组
const names = str.match(namePattern, 'indices');
console.log(names); // 输出：[ 'Hello', 'my', 'name', 'is', 'John', 'I', 'am', 'years', 'old' ]
// 获取年龄数组
const ages = str.match(agePattern, 'indices');
console.log(ages); // 输出：[ [22, 24] ]
const [start, end] = ages[0].indices[0];
// 修改字符串
const newStr = `${str.slice(0,start-1)}${30+1}${str.slice(end)}`;
console.log(newStr); // 输出：'Hello, my name is John. I am 31 years old.'在上述代码中，我们用到了 match() 方法的第二个参数 indices，获取了匹配到的位置信息，从而实现了修改字符串的目的。
总结
ES12 中新增的 RegExp Match Indices 特性让我们更加方便地获取正则表达式匹配的位置信息，从而更高效地处理字符串。在日常开发中，我们可以通过这个特性更加方便地进行字符串操作，提高代码效率和开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6549e8f27d4982a6eb41ea0e