在ES10的新特性中，新增了两个方法——String.prototype.trimStart() 和 String.prototype.trimEnd()，它们分别用于去除字符串的开头和结尾的空格。这对于前端开发者来说是一个有用的工具，特别是在需要处理用户输入的情况下。
trimStart()
该方法用于去除字符串开头的空格，其返回值是一个新的字符串。具体用法如下：
----- --- - - ----- ------ -- ----------------------------- -- ------ ------ -
上述代码中，变量str包含一个字符串值，该字符串的开头和结尾都含有空格。trimStart() 方法去除了该字符串中开头的空格，输出结果为 "Hello World! "。
trimEnd()
该方法用于去除字符串结尾的空格，其返回值也是一个新的字符串。具体用法如下：
----- --- - - ----- ------ -- --------------------------- -- - ----- -------
上述代码中，变量str同样包含一个字符串值。但是与上面的例子不同的是，该字符串的结尾含有空格。通过调用trimEnd() 方法，我们成功地去掉了该字符串的结尾空格，输出了 " Hello World!" 字符串。
示例代码
以下是一个完整的示例代码，用于展示trimStart() 和trimEnd() 方法的用法：
----- --------- - - ------ ----- -------- - ---- -- ----- -------- - ------------- ------------- ---------------------------------- -- ----- --- - -------------------------------- -- - ---- ----
在该代码片段中，我们定义了一个firstName和一个lastName变量，并用它们生成一个fullName字符串。接着，我们使用trimStart()和trimEnd() 方法各自去除fullName字符串的开头和结尾的空格，并打印调用结果。
可以看到，通过使用trimStart()方法，我们去除了fullName字符串中的开头空格，输出了"John Doe "。而通过使用trimEnd() 方法，我们去除了fullName字符串中的结尾空格，输出了" John Doe"。
总结
在ES10中，新增的String.prototype.trimStart()和String.prototype.trimEnd() 方法对于前端开发者来说是一个非常有用的工具。由于大多数用户输入往往包含空格，因此这些方法可以帮助我们更方便地处理用户输入。
同时这两个方法还可以与其他方法结合使用，例如split() 方法和slice() 方法等，以便更方便地处理字符串。如果你在进行前端开发时需要处理用户输入或其他字符串操作，那么不妨试试这些有用的新方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/664096fdd3423812e4eb51dd