ES10 中新增的字符串.trimStart() 和字符串.trimEnd() 方法

在 ES10 中，新增了两个字符串方法：字符串.trimStart() 和字符串.trimEnd()。这两个方法可以用来删除字符串开头和结尾的空格，从而使字符串更加规范和易于处理。在本文中，我们将详细介绍这两个方法的使用方法和指导意义，并提供一些示例代码来帮助读者更好地理解。

字符串.trimStart() 方法

字符串.trimStart() 方法用于删除字符串开头的空格。它的语法如下：

string.trimStart()

其中，string 表示要操作的字符串。

下面是一个示例代码，演示如何使用字符串.trimStart() 方法：

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

在这个示例中，我们定义了一个字符串变量 str，它包含了开头和结尾的空格。然后，我们使用字符串.trimStart() 方法来删除开头的空格，并将结果存储在一个新的变量 trimmed 中。最后，我们使用 console.log() 方法来输出 trimmed 变量的值。输出结果为 "Hello World! "，即开头的空格已经被删除。

字符串.trimEnd() 方法

字符串.trimEnd() 方法用于删除字符串结尾的空格。它的语法如下：

string.trimEnd()

其中，string 表示要操作的字符串。

下面是一个示例代码，演示如何使用字符串.trimEnd() 方法：

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

在这个示例中，我们定义了一个字符串变量 str，它包含了开头和结尾的空格。然后，我们使用字符串.trimEnd() 方法来删除结尾的空格，并将结果存储在一个新的变量 trimmed 中。最后，我们使用 console.log() 方法来输出 trimmed 变量的值。输出结果为 " Hello World!"，即结尾的空格已经被删除。

指导意义

字符串.trimStart() 和字符串.trimEnd() 方法的新增，使得我们在处理字符串时更加方便和高效。在实际开发中，我们经常需要对字符串进行处理，比如去除空格、截取子串等等。使用这两个方法可以帮助我们更快地实现这些功能，从而提高开发效率。

另外，需要注意的是，字符串.trimStart() 和字符串.trimEnd() 方法只能删除空格，无法删除其他字符。如果需要删除其他字符，可以使用正则表达式或者其他方法来实现。

结论

在本文中，我们介绍了 ES10 中新增的字符串.trimStart() 和字符串.trimEnd() 方法。这两个方法可以用来删除字符串开头和结尾的空格，从而使字符串更加规范和易于处理。我们提供了示例代码来帮助读者更好地理解这两个方法的使用方法和指导意义。希望本文能对读者在前端开发中处理字符串有所帮助。

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