如何使用 ES10 中的 String.prototype.trimStart() 和 String.prototype.trimEnd()

在 ES10 中，新增了两个字符串方法 trimStart() 和 trimEnd()，它们分别用于删除字符串开头和结尾的空格。这两个方法虽然使用起来非常简单，但是对于前端开发者来说，它们可以提高代码的可读性和可维护性。本文将会详细介绍这两个方法的使用方法，包括示例代码和使用注意事项。

String.prototype.trimStart()

String.prototype.trimStart() 用于删除字符串开头的空格。它的语法如下：

str.trimStart();

示例代码：

const str = '  Hello World  ';
const trimmedStr = str.trimStart();
console.log(trimmedStr); // 'Hello World  '

注意：该方法不会影响原始字符串，而是返回一个新的字符串。如果原始字符串没有开头的空格，则返回原始字符串。

String.prototype.trimEnd()

String.prototype.trimEnd() 用于删除字符串结尾的空格。它的语法如下：

str.trimEnd();

示例代码：

const str = '  Hello World  ';
const trimmedStr = str.trimEnd();
console.log(trimmedStr); // '  Hello World'

注意：该方法不会影响原始字符串，而是返回一个新的字符串。如果原始字符串没有结尾的空格，则返回原始字符串。

使用注意事项

1. 老版本浏览器可能不支持该方法，需要使用 polyfill 或者使用其他方法替代。
2. 当需要支持多语言时，需要考虑不同语言在空格使用上的差异，如日语的全角空格和英语的半角空格。

总结

本文介绍了 ES10 中新增的 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法，这两个方法可以提高代码的可读性和可维护性。我们需要注意浏览器的支持情况以及多语言的差异，在实际开发中灵活使用这两个方法，可以使我们的代码更加优雅。

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