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