探究 ES10 中新增的 String Matching 特性

在 ES10 中，新增了一些 String Matching 特性，包括 String.prototype.matchAll()，String.prototype.replaceAll()和String.prototype.trimStart()，这些特性在实际开发过程中可以大幅减少代码量，并提高代码的可读性和可维护性。

String.prototype.matchAll()

在之前的版本中，我们使用 String.prototype.match() 方法可以匹配一个字符串中的所有符合条件的子字符串，并将其返回到一个数组中，但是该方法的缺陷在于，如果正则表达式中包含了全局标志 g，它只会从类型数组的 lastIndex 属性（元素的起始位置）开始匹配。如果没有匹配到任何内容，lastIndex 也不会重置为 0，这意味着如果我们再次调用 match 方法，则会返回同样的结果。

String.prototype.matchAll() 解决了这个问题，它使用迭代器让我们能够遍历一个字符串中的所有匹配项，而无需担心 lastIndex 属性的问题。

const regex = /t(e)(st(\d?))/g;
const string = "test1test2test3";

for (const match of string.matchAll(regex)) {
  console.log(match);
}

上述代码将输出以下结果：

["test1", "e", "st1", "1", index: 0, input: "test1test2test3", groups: undefined]
["test2", "e", "st2", "2", index: 5, input: "test1test2test3", groups: undefined]
["test3", "e", "st3", "3", index: 10, input: "test1test2test3", groups: undefined]

如上所示，我们可以轻松地遍历每个匹配项及其捕获组。

String.prototype.replaceAll()

在 ES6 中，我们引入了 String.prototype.replace() 方法，在进行字符串替换时非常有用。在此之前，我们使用正则表达式来替换一个字符串中的所有匹配项，而现在，我们还可以使用普通字符串来执行这些替换操作。

ES10 引入了 String.prototype.replaceAll() 方法，它可以一次替换字符串中所有匹配项。

const string = "Hello, World!";
const result = string.replaceAll("l", "L");

console.log(result); // "HeLLo, WorLd!"

上述代码将输出结果 "HeLLo, WorLd!"，我们使用 replaceAll 方法一次替换了所有的字符 "l" 为大写的 "L"。

String.prototype.trimStart()

ES10 还引入了 String.prototype.trimStart() 方法，以帮助我们在字符串的开头删除空白字符，同时它也有一个别名叫做 String.prototype.trimLeft()。

const string = "   Hello, World!   ";
const trimmedString = string.trimStart();

console.log(trimmedString); // "Hello, World!   "

如上所述，我们可以使用 trimStart() 方法一次性删除字符串开头的所有空白字符。

总结

ES10 中的 String Matching 特性不仅可以减少代码量，还可以提高代码的可读性和可维护性。它们的使用可以让我们更加轻松地进行字符串匹配和替换。在实际开发中，我们可以根据需要选择使用这些特性，以提高我们的代码效率和质量。

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