前言
ES10 是 JavaScript 中新增的一个版本，带来了一些方便我们编写代码的新特性。其中一个比较实用的新特性是 String.prototype.{trimStart, trimEnd} 方法，这两个方法提供了快速去除字符串空格的能力。在本文中，我们将详细了解这两个方法的使用方式，深入探讨它们的学习和指导意义，并提供示例代码来帮助读者更好地理解。
String.prototype.trimStart 和 String.prototype.trimEnd
ES10 引入了 String.prototype.trimStart 和 String.prototype.trimEnd 方法，分别用于去除字符串开头和结尾的空格字符。
注意事项
这两个方法都返回去除空格后的新字符串，而不会修改原始字符串。另外，由于它们是 ES10 特性，所以需要使用宿主环境支持 ES10 才能使用它们。
使用方法
这两个方法的使用方法都很简单。下面先介绍 String.prototype.trimStart 方法。
String.prototype.trimStart
String.prototype.trimStart 方法用于去除字符串开头的空格字符。下面是使用方法示例：
----- --- - - ----- ----- -- ----- ------- - ---------------- --------------------- -- ------ ----- -
在上面的示例中，我们定义了一个字符串 str，其中包含开头和结尾的几个空格字符。接下来，我们调用了 trimStart 方法，它会返回一个新字符串 trimmed，该字符串不再包含开头的空格字符。
String.prototype.trimEnd
String.prototype.trimEnd 方法同样很容易使用，用于去除字符串结尾的空格字符。下面是使用方法示例：
----- --- - - ----- ----- -- ----- ------- - -------------- --------------------- -- - ----- ------
在上面的示例中，我们定义了一个字符串 str，其中包含开头和结尾的几个空格字符。接下来，我们调用了 trimEnd 方法，它会返回一个新字符串 trimmed，该字符串不再包含结尾的空格字符。
学习和指导意义
String.prototype.trimStart 和 String.prototype.trimEnd 方法的学习和指导意义非常显著。它们可以帮助我们编写更加简洁的代码，并提供更好的可读性。通过使用这两个方法，我们可以更容易地去除字符串开头和结尾的空格字符，从而避免一些因空格字符引起的 Common Mistakes。例如，以下示例代码可以防止因为输入框中多余的空格带来的问题：
----- ----- - --------------------------------- ----------- - -------------------
尽管我们可以使用 String.prototype.trim 方法去除输入框中的空格字符，但是由于这种方法也会去除字符串中间的空格字符，所以它并不可行。使用 String.prototype.trimStart 和 String.prototype.trimEnd 方法可以避免这个问题，并确保不会误删字符串中间的空格字符。
结论
在 ES10 中，String.prototype.trimStart 和 String.prototype.trimEnd 方法被引入并成为了我们编写 JavaScript 代码中非常实用的方法。它们用于去除字符串开头和结尾的空格字符，提高了代码的可读性和简洁性。我们应该熟练掌握这两个方法，并在实际开发过程中加以应用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670a25cdd91dce0dc87f2d66