ECMAScript 2021 (ES12) 中的 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法详解

ES12是新一代的ECMAScript，其中包含了一些新增的方法来方便前端工程师的开发。在ES12中，新增加了String.prototype.trimStart()和String.prototype.trimEnd()两个方法，这两个方法可以将字符串的头部和尾部的空白字符（比如空格、制表符、换行等）进行移除。

String.prototype.trimStart()

String.prototype.trimStart() 方法会返回一个新字符串，去除该字符串头部的空白字符。它的语法如下：

str.trimStart()

例子:

const str = "\t\t  This is a string.  \t\t  ";
console.log(str);
// Output: "   This is a string.  "
console.log(str.trimStart());
// Output: "This is a string.  "

String.prototype.trimEnd()

String.prototype.trimEnd() 方法会返回一个新字符串，去除该字符串尾部的空白字符。它的语法如下：

str.trimEnd()

例子:

const str = "\t\t  This is a string.  \t\t  ";
console.log(str);
// Output: "   This is a string.  "
console.log(str.trimEnd());
// Output: "   This is a string."

与 trim() 的区别

String.prototype.trim() 方法是以前就在ECMAScript中存在的方法，它会移除字符串的头尾空白字符。

String.prototype.trim() 和 String.prototype.trimStart()/String.prototype.trimEnd() 的区别在于，前者是整个字符串去除空白字符，后者是只去除头尾空白字符。

兼容性

目前，String.prototype.trimStart() 和 String.prototype.trimEnd() 方法除了IE浏览器外，其他浏览器均已支持，也可通过polyfills来实现兼容性。

总结

String.prototype.trimStart() 和 String.prototype.trimEnd()方法可以帮助开发者快速去除一个字符串的头尾空白字符。这些方法易于使用并且简化了字符串处理的代码。当使用ES12时，请记住要检查浏览器是否支持这些方法，并考虑进行polyfills以确保代码在不支持ES12的浏览器上正常工作。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fc3d7ff6b2d6eab32163fb