在 ES7 中，JavaScript 增加了两个新的函数 String.prototype.trimStart 和 String.prototype.trimEnd 来替代老的 String.prototype.trimLeft 和 String.prototype.trimRight 函数。这两个新函数主要是用来删除字符串开头和结尾的空格。在本文中，我们将详细解释这两个函数的使用方法，以及在实际开发中的应用。
String.prototype.trimStart 函数
String.prototype.trimStart 函数用于删除字符串开头的空格，并返回新的字符串。以下是该函数的语法：
str.trimStart();
其中，str 表示需要删除空格的字符串。如果该字符串开头存在空格，则该函数会返回去掉空格后的新字符串，否则返回原字符串。
下面是一个示例代码：
const str = ' hello world'; console.log(str.trimStart()); // 输出 "hello world"
需要注意的是，该函数会返回新的字符串，而不会改变原来的字符串。
String.prototype.trimEnd 函数
String.prototype.trimEnd 函数则用于删除字符串结尾的空格，并返回新的字符串。以下是该函数的语法：
str.trimEnd();
其中，str 表示需要删除空格的字符串。如果该字符串结尾存在空格，则该函数会返回去掉空格后的新字符串，否则返回原字符串。
下面是一个示例代码：
const str = 'hello world '; console.log(str.trimEnd()); // 输出 "hello world"
同样需要注意的是，该函数也会返回新的字符串，而不会改变原来的字符串。
应用场景
在实际开发中，这两个函数可以用来处理用户输入的字符串等场景。例如，在用户输入用户名和密码时，在输入之前可以使用这两个函数来消除不必要的空格，从而减少数据处理出错的可能性。
另外，在使用 Vue.js、React 等前端框架开发组件时，这两个函数也可以用来清除组件中传递给子组件的 props 中的空格，从而保证组件的正确渲染。
总结
ES7 中的 String.prototype.trimStart 和 String.prototype.trimEnd 函数是非常实用的 JavaScript 字符串处理函数。通过这篇文章的介绍，我们可以明白它们的基本用法、注意事项以及在实际开发中的应用场景，从而更好地应用到实际开发中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6594a749eb4cecbf2d8f63d9