在前端开发中，我们经常需要对字符串进行处理。而在过去，我们通常会采用正则表达式来对字符串进行处理、截取和替换等操作。但是正则表达式的复杂性常常令人头疼，而且在处理简单任务时会显得格外冗余。为了解决这个问题，ES10 新增了两个方法：trimStart 和 trimEnd。
trimStart 方法
trimStart 方法是用来去掉字符串开头的空格或指定的字符。它的用法非常简单，只需要用字符串对象调用该方法即可：
let greeting = " Hello, world!"; console.log(greeting.trimStart()); // "Hello, world!"
可以看到，该方法能够轻松地将字符串开头的空格去掉，从而变为更加干净的字符串。
同时，trimStart 方法还支持传入要去掉的字符，而不仅仅是空格：
let version = "ES10 "; console.log(version.trimStart()); // "ES10 " console.log(version.trimStart().trimEnd()); // "ES10" console.log(version.trimStart().trimEnd().trimEnd()); // "ES10"
上面的示例中，我们传入的字符串是 "ES10 "，包含了三个空格。接着我们首先使用了 trimStart 方法，去掉了字符串开头的空格，此时的字符串是 "ES10 "。接着，我们调用 trimEnd 方法去掉了最后的空格，得到了字符串 "ES10"。
如果你使用浏览器控制台进行调试，你会得到 tooltip 信息，提示你换成 trimStart() 方法来代替 trimLeft() 方法，trimRight() 方法来代替 trimEnd() 方法。
trimEnd 方法
trimEnd 方法是用来去掉字符串结尾的空格或指定的字符。它的用法非常简单，只需要用字符串对象调用该方法即可：
let filename = "login.html "; console.log(filename.trimEnd()); // "login.html"
该方法与 trimStart 方法类似，可以帮助我们轻松地去掉字符串结尾的空格，从而得到更加干净的字符串。
和 trimStart 方法一样，trimEnd 方法同时也支持传入要去掉的字符：
let cssRule = " color: red; "; console.log(cssRule.trimEnd()); // " color: red;" console.log(cssRule.trimEnd().trimEnd()); // " color: red:" console.log(cssRule.trimEnd().trimEnd().trimEnd()); // " color: red"
总结
以上就是 ES10 新特性中的 trimStart 和 trimEnd 方法。在过去的开发中，我们常常依赖正则表达式来进行字符串的处理工作。但在本文中，我们已经介绍了如何使用这两个新的字符串方法，希望能够帮助读者更好地完成前端开发的工作。
同时，在处理字符串时，我们也应该避免对正则表达式的过度依赖，选择更加简单和高效的方法。这样能够让我们减少开发时间和成本，提升代码的可读性和可维护性，促进我们的项目更好地发展。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6472cc6c968c7c53b006085f