ECMAScript 2020 新特性探索：字符串中的 trimStart() 和 trimEnd() 方法

在 ECMAScript 2020 中，引入了许多新的特性，其中之一就是字符串中的 trimStart() 和 trimEnd() 方法。

trimStart() 和 trimEnd() 是什么？

trimStart() 方法用于删除字符串头部的空格，而 trimEnd() 方法则用于删除字符串尾部的空格。这两个方法基本上是可以替换原有的 trim() 方法的。

trimStart() 案例

首先，我们来看一个 trimStart() 方法的案例。比如说，我们有一个字符串 " Hello World!"，我们想要将其头部的空格去除，可以用以下代码：

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

上述代码中，trimStart() 方法已将字符串头部的空格去除，并返回了一个新的字符串 "Hello World!"。

trimEnd() 案例

接下来，我们来看一个 trimEnd() 方法的案例。假设我们有一个字符串 "Hello World! "，现在我们需要将其尾部的空格去除，可以用以下代码：

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

上述代码中，trimEnd() 方法已将字符串尾部的空格去除，并返回了一个新的字符串 "Hello World!"。

同时我们来对比一下原有的 trim() 方法：

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

trim() 方法会将字符串头尾两端的空格都去除，返回一个新的字符串 "Hello World!"。

结论

使用 trimStart() 和 trimEnd() 方法可以使代码更加简明易读，而且这两个方法也与常见的字符串操作相同，非常容易理解。

在编写前端代码时，我们常常需要从后端接收到一些数据，然后对这些数据进行处理，比如展示到页面上。在处理数据时，有时候会出现空格或者特殊字符，这时候就可以使用 trimStart() 和 trimEnd() 方法来进行格式化，使数据更好的展示在页面上。

总之，trimStart() 和 trimEnd() 方法是一个非常好的新特性，对前端开发者来说非常有用，同时也可以提高代码的可读性。

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