详解 ES10 新增的 String.trimStart() 和 String.trimEnd() 方法的使用及示例

在 JavaScript 中，字符串是一种非常常见的数据类型，而字符串的处理也是前端开发中经常涉及的一个方面。在 ES10 中，新增了两个字符串方法：String.trimStart() 和 String.trimEnd()，用于去除字符串开头和结尾的空格，本文将详细介绍这两个方法的使用及示例。

String.trimStart()

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

str.trimStart()

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

下面是一个示例：

const str = '   hello world'
console.log(str.trimStart()) // 'hello world'

在上面的示例中，str 开头有三个空格，使用 trimStart() 方法去除了这些空格，输出的结果为 'hello world'。

需要注意的是，该方法返回的是一个新的字符串，不会修改原来的字符串。

String.trimEnd()

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

str.trimEnd()

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

下面是一个示例：

const str = 'hello world   '
console.log(str.trimEnd()) // 'hello world'

在上面的示例中，str 结尾有三个空格，使用 trimEnd() 方法去除了这些空格，输出的结果为 'hello world'。

同样需要注意的是，该方法返回的是一个新的字符串，不会修改原来的字符串。

总结

在实际开发中，去除字符串的空格是一个非常常见的操作，而 ES10 中新增的 String.trimStart() 和 String.trimEnd() 方法可以让我们更加方便地实现这个操作。需要注意的是，这两个方法返回的都是新的字符串，不会修改原来的字符串。

下面是一个综合示例：

const str = '   hello world   '
const newStr = str.trimStart().trimEnd()
console.log(newStr) // 'hello world'

在上面的示例中，首先使用 trimStart() 方法去除了字符串开头的空格，然后使用 trimEnd() 方法去除了字符串结尾的空格，最终得到了去除空格后的新字符串 'hello world'。

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