在前端开发过程中，经常需要处理字符串。在字符串处理的过程中，经常会涉及到去除字符串开头和结尾的空白字符，特别是换行符，这往往会影响代码的可读性和正确性。ES10 中新增了 String.prototype.trimStart 和 String.prototype.trimEnd 方法，可以方便地处理这个问题。
String.prototype.trimStart 和 trimEnd
String.prototype.trimStart 方法用于去除字符串开头的空白字符，包括空格、制表符、换行符等。语法如下：
str.trimStart()
String.prototype.trimEnd 方法用于去除字符串结尾的空白字符，包括空格、制表符、换行符等。语法如下：
str.trimEnd()
这两个方法的返回值是去除空白字符后的新字符串，原字符串不变。如果原字符串没有空白字符，返回原字符串。这两个方法与之前的 String.prototype.trim() 方法类似，只是分别处理字符串的开头和结尾，不会去除字符串中间的空白字符。
解决换行符问题
在处理字符串时，经常会遇到字符串开头或结尾存在换行符的情况。使用 String.prototype.trim() 方法是无法去除这些换行符的，需要使用 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法。下面是一个示例代码：
const str = '\n\n Hello World! \n\n' console.log(str.trim()) // 'Hello World!' console.log(str.trimStart()) // 'Hello World! \n\n' console.log(str.trimEnd()) // '\n\n Hello World!' console.log(str.trimStart().trimEnd()) // 'Hello World!'
从上面的示例代码可以看出，String.prototype.trim() 方法无法去除开头和结尾的换行符，而 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法可以很方便地解决这个问题。在实际开发中，我们经常需要将多行字符串合并成一行，或者去除多余的换行符，这时候就可以使用这两个方法了。
总结
ES10 中新增的 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法可以方便地去除字符串开头和结尾的空白字符，特别是换行符。在前端开发中，我们经常需要处理字符串，这两个方法能够帮助我们更加高效地解决一些问题，并提高代码的可读性和正确性。掌握这两个方法，对于前端开发者来说是非常重要的一步。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64dd7869f6b2d6eab38a9289