ES9 之字符串原型扩展 trimStart() 和 trimEnd()

ES9 之字符串原型扩展 trimStart() 和 trimEnd()

在 JavaScript 中，字符串是一种基本数据类型，它由一串字符组成。在编写前端代码时，常常需要对字符串进行处理。 ES9 引入了两个新的字符串原型方法： trimStart() 和 trimEnd()。这两个方法可以帮助我们更方便地操作和处理字符串。

trimStart() 方法

trimStart() 方法用于删除字符串开头的所有空白字符，包括空格、制表符和换行符。该方法返回一个新的字符串，原字符串不会受到影响。其语法如下：

str.trimStart()

其中，str 表示要删除开头空白字符的字符串。

下面是一个示例代码，该代码对一个字符串进行了 trimStart() 的操作：

const str = "    Hello World!   ";
const trimmedStr = str.trimStart();
console.log(trimmedStr); // "Hello World!   "

在该示例代码中，我们定义了一个字符串 str，并在该字符串的开头、结尾以及中间添加了一些空格。接着，我们使用 trimStart() 方法删除了字符串开头的所有空白字符，并将处理后的结果赋值给了另一个变量 trimmedStr。最后，我们将 trimmedStr 打印到控制台上，可以看到开头的空格字符已经被删除了。

trimEnd() 方法

trimEnd() 方法与 trimStart() 方法类似，它用于删除字符串结尾的所有空白字符，包括空格、制表符和换行符。该方法返回一个新的字符串，原字符串不会受到影响。其语法如下：

str.trimEnd()

其中，str 表示要删除结尾空白字符的字符串。

下面是一个示例代码，该代码对一个字符串进行了 trimEnd() 的操作：

const str = "    Hello World!   ";
const trimmedStr = str.trimEnd();
console.log(trimmedStr); // "    Hello World!"

在该示例代码中，我们同样定义了一个字符串 str，并在该字符串的开头、结尾以及中间添加了一些空格。接着，我们使用 trimEnd() 方法删除了字符串结尾的所有空白字符，并将处理后的结果赋值给了另一个变量 trimmedStr。最后，我们将 trimmedStr 打印到控制台上，可以看到结尾的空格字符已经被删除了。

总结

ES9 引入的字符串原型方法 trimStart() 和 trimEnd() 可以很方便地删除字符串开头和结尾的空白字符，使字符串处理更加简单化。在实际开发中，我们应该根据实际需求，灵活运用这两个方法。

示例代码完整版：

const str = "    Hello World!   ";
const trimmedStr1 = str.trimStart();
const trimmedStr2 = str.trimEnd();
console.log(trimmedStr1); // "Hello World!   "
console.log(trimmedStr2); // "    Hello World!"

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