在前端开发中，字符串是非常重要的一种数据类型。我们经常需要对字符串进行各种操作和处理。ES2020提供了一系列新的字符串方法，可以帮助我们更方便地处理字符串，提高开发效率。本文将介绍ES2020的字符串匹配方法，帮助你解决一些常见的问题。
1. String.prototype.matchAll
String.prototype.matchAll方法可以根据正则表达式，在一个字符串中查找所有匹配的子串。它返回一个迭代器对象，可以通过for...of循环遍历所有匹配的结果。
-- -------------------- ---- ------- ----- --- - ------- -- -------- ------ -- -------- ----- ----- - --------- --- ------ ----- -- -------------------- - ---------------------- ------------------------- ------------------------- - -- ------- -- ------ -- - -- ------ -- -------- ------ -- ------ -- ------ -- -- -- ------ -- -------- ------ -- ------
在上面的示例中，我们使用了正则表达式/ES\d+/g，在字符串str中查找所有以ES开头且后面跟着数字的子串。可以看到，matchAll方法返回了一个迭代器对象，我们通过for...of循环遍历所有匹配的结果，并输出了每个匹配的子串、所在位置和输入的字符串。
2. String.prototype.match
String.prototype.match方法可以根据正则表达式，在一个字符串中查找第一个匹配的子串。它返回一个数组，数组中的第一个元素是匹配的子串，后面的元素是正则表达式中的捕获组对应的子串。
-- -------------------- ---- ------- ----- --- - ------- -- ---------- ----- ----- - --------------- ----- ------ - ----------------- -------------------- -- ------- -------- ---- --------- -----
在上面的示例中，我们使用了正则表达式/(\w+)\s(\w+)/，它可以匹配两个单词，并捕获到每个单词。match方法返回了一个数组，数组中的第一个元素是匹配的子串ES2020 is，后面的元素是正则表达式中的捕获组对应的子串ES2020和is。
3. String.prototype.replaceAll
String.prototype.replaceAll方法可以根据正则表达式，在一个字符串中查找所有匹配的子串，并替换为指定的字符串。它返回一个新的字符串，不会改变原始的字符串。
const str = 'lily is a good girl, lily is clever.';
const newStr = str.replaceAll('l', 'L');
console.log(newStr);
// Output: "LiLy is a good girL, LiLy is cLever."在上面的示例中，我们使用了字符串l和L，将原始字符串中所有的l替换为L，并返回一个新的字符串。可以看到，原始字符串并没有被改变，replaceAll方法返回了一个新的字符串LiLy is a good girL, LiLy is cLever.。
4. String.prototype.trimStart 和 String.prototype.trimEnd
String.prototype.trimStart方法可以去除一个字符串开头的空白字符；String.prototype.trimEnd方法可以去除一个字符串结尾的空白字符。它们都返回一个新的字符串，不会改变原始的字符串。
-- -------------------- ---- ------- ----- --- - - ------ -- -------- -- ----- ------- - ---------------- --------------------- -- ------- ------- -- -------- - ----- ------- - -------------- --------------------- -- ------- - ------ -- ---------
在上面的示例中，我们使用了字符串' ES2020 is amazing! '，trimStart方法去除了字符串开头的空白字符，返回了一个新的字符串ES2020 is amazing! ；trimEnd方法去除了字符串结尾的空白字符，返回了一个新的字符串 ES2020 is amazing!。
总结
ES2020提供了一些新的字符串匹配方法，可以帮助我们更方便地处理字符串，提高开发效率。本文介绍了String.prototype.matchAll、String.prototype.match、String.prototype.replaceAll、String.prototype.trimStart和String.prototype.trimEnd方法的用法和示例，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64589cd9968c7c53b0af4d91