ECMAScript 2021 (ES12) 中新的 String 方法详解

随着 JavaScript 的快速发展，ECMAScript 2021（ES12）引入了许多新功能和特性，其中就包括了一些新的 String 方法。这些新的方法为前端开发者提供了更多的选择和灵活性，使得处理字符串变得更加简单和高效。在本文中，我们将深入探讨一些新的 String 方法，并提供一些有用的示例代码。

1. String.prototype.replaceAll()

这是一个非常实用的新方法，它允许我们一次性替换所有匹配指定模式的字符串。在过去，我们通常使用 /g 标志或者自己编写一个循环来进行替换操作。而现在，我们只需使用 replaceAll() 方法即可。

const str = 'Hello, world!';
const newStr = str.replaceAll('o', 'x');
console.log(newStr);     // 'Hellx, wxrld!'

2. String.prototype.matchAll()

这是另一个非常强大的新方法，它返回一个可迭代对象，其中包含所有匹配指定模式的字符串。与 String.prototype.match() 方法不同，matchAll() 方法返回所有匹配结果，而不仅仅是第一个匹配结果。

const str = 'Hello, world!';
const pattern = /[aeiou]/g;
const match = str.matchAll(pattern);

for (const m of match) {
  console.log(`Match found at index ${m.index}: ${m[0]}`);
}

输出结果如下：

Match found at index 1: e
Match found at index 4: o
Match found at index 7: o

3. String.prototype.trimStart() 和 String.prototype.trimEnd()

这两个新方法分别用于去除字符串开头和结尾的空白符，包括空格、制表符、换行符等。它们与 String.prototype.trim() 方法类似，只是作用范围不同。

const str = '   Hello, world!   ';
console.log(str.trimStart());     // 'Hello, world!   '
console.log(str.trimEnd());       // '   Hello, world!'

4. String.prototype.startsWith() 和 String.prototype.endsWith()

这两个方法用于判断字符串是否以指定的子串开头或结尾。它们返回一个布尔值，表示是否匹配。

const str = 'Hello, world!';
console.log(str.startsWith('Hello'));     // true
console.log(str.endsWith('world!'));      // true

5. String.prototype.padStart() 和 String.prototype.padEnd()

这两个方法用于将字符串填充到指定长度，并在开头或结尾添加指定的字符。这对于输出具有规范长度的文本非常有用。

const num = '23';
console.log(num.padStart(4, '0'));    // '0023'
console.log(num.padEnd(4, '-'));      // '23--'

总结

这里我们介绍了 ECMAScript 2021（ES12）中一些新的 String 方法，包括 replaceAll()、matchAll()、trimStart()、trimEnd()、startsWith()、endsWith()、padStart() 和 padEnd()。这些新方法可以帮助我们更加高效地处理字符串，提高编码效率。如果你正在开发前端应用程序，那么我们强烈推荐你熟练掌握这些新的 String 方法，以便你可以更好地利用它们来优化你的代码。

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