ES11 之 String.matchAll 方法，解析数组 toString() 的神器

在 JavaScript 中，我们经常需要对字符串进行匹配和替换操作。ES11 中新增的 String.matchAll 方法可以提高我们对字符串的匹配能力，特别是在解析数组 toString() 时非常有用。本文就为大家介绍 String.matchAll 方法的使用方法和应用场景。

String.matchAll 方法简介

String.matchAll 方法是 String 对象的一个新增方法，用于返回一个迭代器，用于遍历匹配正则表达式的字符串中所有的匹配项。该方法与 String.match 方法有所不同，String.matchAll 方法返回的是可迭代的结果，每个迭代器中包含每个匹配项的详细信息。

语法

str.matchAll(regexp)

其中，regexp 必须是一个正则表达式，用于匹配字符串中的值。

返回值

返回一个可迭代的迭代器，每个迭代器都包含一个匹配项的详细信息。

例子

const str = 'hello world';
const regexp = /l/g;

for (const match of str.matchAll(regexp)) {
  console.log(match); // 输出每个匹配项的详细信息
}

上述代码输出的结果为：

["l", index: 2, input: "hello world"]
["l", index: 3, input: "hello world"]

应用场景

String.matchAll 方法在解析数组 toString() 时特别有用。考虑以下代码：

const arr = [1, 2, 3];
console.log(arr.toString()); // 输出 "1,2,3"

我们可以看到，数组 toString() 方法返回了包含所有元素的字符串。如果我们要进一步处理这条字符串，比如按照逗号分隔符将字符串分割成一个数组，就可以使用 String.matchAll 方法。具体实现代码如下：

const arr = [1, 2, 3];
const str = arr.toString();
const regexp = /\d+/g; // 匹配数字的正则表达式
const result = [...str.matchAll(regexp)].map(x => Number(x)); // 将每个匹配项转化为数字

console.log(result); // 输出 [1, 2, 3]

上述代码首先将数组转化为字符串，然后使用 String.matchAll 方法获取字符串中所有的数字，最后将匹配项转化为数字并返回一个数组。

总结

String.matchAll 方法可以帮助我们更方便地处理字符串中的匹配，特别是在解析数组 toString() 时非常实用。本文为大家介绍了该方法的语法和返回值，并提供了一个具体的示例代码，希望能够让读者更好地掌握该方法的使用方法和应用场景。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d4843db5eee0b525c0f2c0