在 ES7 中，新增加了两个字符串方法，分别是 String.trimStart() 和 String.trimEnd()。这两个方法用于去除字符串头部和尾部的空格字符，可以方便地处理字符串的格式化。本文将详细介绍这两个方法的用法和注意事项，希望能对前端开发者有所帮助。
1. String.trimStart() 方法
String.trimStart() 方法用于去除字符串头部的空格字符，返回一个新字符串。它的语法如下：
------------------
其中，string 是需要处理的字符串。
下面是一个示例代码：
----- --- - - ----- ----- -- ----- ---------- - ---------------- ------------------------ -- ------ ----- -
在上面的示例中，str 中包含头部和尾部的空格字符，调用 str.trimStart() 方法后，返回一个新字符串 "Hello World "，头部的空格字符被去除了。
需要注意的是，String.trimStart() 方法是 ES7 中新增加的方法，在一些旧的浏览器中可能不支持。如果需要兼容旧的浏览器，可以使用 polyfill。
2. String.trimEnd() 方法
String.trimEnd() 方法用于去除字符串尾部的空格字符，返回一个新字符串。它的语法如下：
----------------
下面是一个示例代码：
----- --- - - ----- ----- -- ----- ---------- - -------------- ------------------------ -- - ----- ------
在上面的示例中，str 中包含头部和尾部的空格字符，调用 str.trimEnd() 方法后，返回一个新字符串 " Hello World"，尾部的空格字符被去除了。
需要注意的是，String.trimEnd() 方法同样是 ES7 中新增加的方法，在一些旧的浏览器中可能不支持。如果需要兼容旧的浏览器，可以使用 polyfill。
3. 使用技巧
String.trimStart() 和 String.trimEnd() 方法可以方便地处理字符串的格式化。下面是一些使用技巧：
3.1. 去除多余的空格
有时候，我们需要去除字符串中多余的空格字符，可以使用 String.trim() 方法去除头部和尾部的空格字符，再使用 String.trimStart() 和 String.trimEnd() 方法去除中间的空格字符。示例如下：
----- --- - - ----- ----- -- ----- ---------- - --------------------------------- ------------------------ -- ------ ------
在上面的示例中，首先调用 str.trim() 方法去除头部和尾部的空格字符，得到新字符串 "Hello World"，然后再调用 trimStart() 和 trimEnd() 方法去除中间的空格字符，得到最终的新字符串 "Hello World"。
3.2. 处理文件路径
在处理文件路径时，经常需要去除路径末尾的斜杠字符 /，可以使用 String.trimEnd() 方法去除。示例如下：
----- ---- - ----------------------------- ----- ----------- - ------------------ ------------------------- -- ---------------------------
在上面的示例中，path 中包含末尾的斜杠字符 /，调用 path.trimEnd('/') 方法去除末尾的斜杠字符 /，得到新字符串 "/Users/username/Documents"。
4. 总结
String.trimStart() 和 String.trimEnd() 方法是 ES7 中新增加的字符串方法，用于去除字符串头部和尾部的空格字符。它们可以方便地处理字符串的格式化，例如去除多余的空格和处理文件路径。需要注意的是，这两个方法在一些旧的浏览器中可能不支持，可以使用 polyfill 进行兼容。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6608d548d10417a222756fff