ES8 中的新特性：String.prototype.trimStart() 和 String.prototype.trimEnd()-JavaScript中文网-JavaScript教程资源分享门户

在开发前端应用程序时，我们经常需要处理字符串。ES8 中新添加的 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法可以帮助开发人员更轻松地操作字符串。这两个方法分别用于删除字符串开头和结尾的空格，因此它们极大地提高了字符串处理的灵活性和效率。

trimStart()

String.prototype.trimStart() 方法用于删除字符串开头的空格，它返回一个新字符串，该字符串没有开头的空格。

语法

str.trimStart()

参数

无参数。

示例

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

上面的代码中，trimStart() 方法删除了字符串开头的两个空格，返回新的字符串 'Hello, World!'。

trimEnd()

String.prototype.trimEnd() 方法用于删除字符串结尾的空格，它返回一个新字符串，该字符串没有结尾的空格。

语法

str.trimEnd()

参数

无参数。

示例

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

上面的代码中，trimEnd() 方法删除了字符串结尾的四个空格，返回新的字符串 'Hello, World!'。

与 trim() 方法的区别

String.prototype.trim() 方法用于删除字符串开头和结尾的空格。ES8 中的 trimStart() 和 trimEnd() 方法分别用于删除字符串开头和结尾的空格，它们更加灵活，因为它们只删除开头或结尾的空格。

示例

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

上面的代码中，trim() 方法删除了字符串开头和结尾的空格，trimStart() 方法仅删除了字符串开头的空格，trimEnd() 方法仅删除了字符串结尾的空格。

总结

ES8 中的新特性 String.prototype.trimStart() 和 String.prototype.trimEnd() 扩展了 JavaScript 中字符串的处理能力。它们提高了字符串处理的灵活性和效率，尤其是在与正则表达式结合使用时，能够更加方便地处理字符串。

使用这两个方法时应注意，它们并没有改变原始字符串，而是返回一个新的已经去掉空格的字符串。此外，它们的兼容性并不是所有浏览器都支持，我们在使用时应该考虑到它们的兼容性问题。

参考链接

MDN Web Docs: String.prototype.trimStart()
MDN Web Docs: String.prototype.trimEnd()

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/654b1e977d4982a6eb5146ea