在前端开发中，经常需要对字符串进行处理。字符串中包含空格或者其他无用字符，可能会导致程序出错或者性能下降，因此需要使用字符串修剪方法来删除无用字符。ES2017 中，新增了 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法，可以方便地对字符串进行修剪，本文将介绍其使用方法及示例。
String.prototype.trimStart() 方法
String.prototype.trimStart() 方法可以删除字符串开头的空格或者其他无用字符，并返回新的字符串。以下是使用 trimStart() 方法的示例代码：
const str = ' Hello World! '; console.log(str.trimStart()); // 'Hello World! '
在上面的例子中，trimStart() 方法删除了字符串开头的两个空格，返回了新的修剪过的字符串。
String.prototype.trimEnd() 方法
String.prototype.trimEnd() 方法可以删除字符串结尾的空格或者其他无用字符，并返回新的字符串。以下是使用 trimEnd() 方法的示例代码：
const str = ' Hello World! '; console.log(str.trimEnd()); // ' Hello World!'
在上面的例子中，trimEnd() 方法删除了字符串结尾的两个空格，返回了新的修剪过的字符串。
与 trim() 方法的区别
String.prototype.trim() 方法可以删除字符串开头和结尾的空格或者其他无用字符，并返回新的字符串。与 trim() 方法相比，trimStart() 和 trimEnd() 方法更加具有针对性，在某些场景下更加方便使用。例如，当需要只删除字符串的结尾空格时，使用 trimEnd() 方法可以避免误操作。
总结
String.prototype.trimStart() 和 String.prototype.trimEnd() 方法可以方便地对字符串进行修剪，使其更加简洁明了。这对前端开发中的字符串处理非常有用，可以避免程序出错或者性能下降。在使用时，需要根据情况决定使用哪种修剪方法。
示例代码如下：
const str = ' Hello World! '; console.log(str.trimStart()); // 'Hello World! ' console.log(str.trimEnd()); // ' Hello World!' console.log(str.trim()); // 'Hello World!'
以上为 String.prototype.trimStart() 及 String.prototype.trimEnd() 方法的详细介绍及示例代码，希望能对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652b5c887d4982a6ebd4f3d6