ES10 中新增的 String#trimStart() 和 String#trimEnd() 方法使用教程

在 ES10 中，新增了两个字符串方法：String#trimStart() 和 String#trimEnd()。这两个方法可以用来去除字符串开头和结尾的空格，非常方便实用。本文将详细介绍这两个方法的使用教程，帮助读者更好地理解和掌握这两个方法的使用。

String#trimStart()

String#trimStart() 方法可以用来去除字符串开头的空格。下面是一个简单的例子：

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

在这个例子中，我们定义了一个字符串 str，它的开头有三个空格。调用 trimStart() 方法后，这三个空格被去除了，只剩下了 hello world。

需要注意的是，trimStart() 方法只会去除字符串开头的空格，不会去除字符串结尾的空格。如果需要去除字符串结尾的空格，需要使用 trimEnd() 方法。

String#trimEnd()

String#trimEnd() 方法可以用来去除字符串结尾的空格。下面是一个简单的例子：

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

在这个例子中，我们定义了一个字符串 str，它的结尾有三个空格。调用 trimEnd() 方法后，这三个空格被去除了，只剩下了 hello world。

需要注意的是，trimEnd() 方法只会去除字符串结尾的空格，不会去除字符串开头的空格。如果需要去除字符串开头的空格，需要使用 trimStart() 方法。

示例代码

下面是一些示例代码，帮助读者更好地理解和掌握这两个方法的使用：

const str1 = '   hello world   ';
console.log(str1.trimStart()); // 'hello world   '
console.log(str1.trimEnd()); // '   hello world'

const str2 = '   hello   world   ';
console.log(str2.trimStart().trimEnd()); // 'hello   world'

在这些示例代码中，我们分别演示了如何使用 trimStart() 和 trimEnd() 方法，以及如何组合使用这两个方法。

总结

ES10 中新增的 String#trimStart() 和 String#trimEnd() 方法非常方便实用，可以帮助我们去除字符串开头和结尾的空格。在实际开发中，我们可以结合这两个方法，对字符串进行更加精确的处理。希望本文对读者有所帮助，让大家更好地掌握这两个方法的使用。

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