ES12 的 RegExpMatchArrays 简介

在 JavaScript 的新版本 ES12 中，正则表达式（RegExp）得到了新的增强，其中一个重要的改进就是 RegExpMatchArrays。这个新特性可以让我们更方便地处理字符串匹配的结果，同时也提高了代码的可读性和可维护性。

RegExpMatchArrays 是什么？

RegExpMatchArrays 是一个数组对象，它是由字符串的 match() 方法返回的结果。在 ES12 中，这个数组对象得到了升级，它可以更好地处理匹配结果，同时也提供了更多的方法和属性。

如何使用 RegExpMatchArrays？

我们可以使用字符串的 match() 方法来获取 RegExpMatchArrays 对象。match() 方法接受一个正则表达式作为参数，然后返回一个 RegExpMatchArrays 对象，该对象包含了字符串中所有与正则表达式匹配的子串。

下面是一个简单的示例代码：

const str = 'hello world!';
const result = str.match(/o/g);
console.log(result);

上述代码中，我们使用 match() 方法来查找字符串 str 中所有的字母 “o”，并将结果存储在 result 变量中。结果可以通过控制台输出来查看。

RegExpMatchArrays 的属性和方法

RegExpMatchArrays 对象包含了许多有用的属性和方法，下面是一些常用的：

index

index 属性返回匹配的子串在原字符串中的起始位置。

const str = 'hello world!';
const result = str.match(/o/g);
console.log(result.index); // 4

input

input 属性返回原字符串。

const str = 'hello world!';
const result = str.match(/o/g);
console.log(result.input); // hello world!

length

length 属性返回匹配的子串数量。

const str = 'hello world!';
const result = str.match(/o/g);
console.log(result.length); // 2

forEach()

forEach() 方法用于遍历 RegExpMatchArrays 对象中的所有匹配结果。

const str = 'hello world!';
const result = str.match(/o/g);
result.forEach((match) => {
  console.log(match);
});

join()

join() 方法用于将 RegExpMatchArrays 对象中的所有匹配结果合并为一个字符串。

const str = 'hello world!';
const result = str.match(/o/g);
console.log(result.join('-')); // o-o

总结

RegExpMatchArrays 是 ES12 中新增的重要特性之一，它可以更好地处理字符串匹配结果，提高了代码的可读性和可维护性。我们可以使用 match() 方法来获取 RegExpMatchArrays 对象，并使用它的属性和方法来处理匹配结果。在实际开发中，我们可以根据具体需求来选择使用哪些属性和方法，以达到最佳的效果。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c2e691add4f0e0ffcd127d