ES8 新增的 String.prototype.trimStart() 与 String.prototype.trimEnd() 方法解析

随着前端技术的不断发展，JavaScript 也在不断地更新。ES8（ES2017）是 ECMAScript 标准的一个版本，于 2017 年发布。其中，新增了两个字符串方法：String.prototype.trimStart() 和 String.prototype.trimEnd()。在本文中，我们将对这两个方法进行详细解析，包括使用示例和指导意义。

String.prototype.trimStart()

String.prototype.trimStart() 方法用于从字符串的开头（左侧）删除空格。其语法如下：

str.trimStart()

其中，str 表示要删除空格的字符串。该方法返回一个新的字符串，不会改变原有的字符串。

使用示例：

const str = '  Hello, world!  ';
console.log(str.trimStart()); // 'Hello, world!  '
console.log(str); // '  Hello, world!  '

在上面的示例中，我们从字符串的开头删除了两个空格，并返回了一个新的字符串。由于原有字符串没有改变，因此仍然包含空格。

String.prototype.trimEnd()

与 String.prototype.trimStart() 方法类似，String.prototype.trimEnd() 方法用于从字符串的末尾（右侧）删除空格。其语法如下：

str.trimEnd()

其中，str 表示要删除空格的字符串。同样地，该方法返回一个新的字符串，不会改变原有的字符串。

使用示例：

const str = '  Hello, world!  ';
console.log(str.trimEnd()); // '  Hello, world!'
console.log(str); // '  Hello, world!  '

在上面的示例中，我们从字符串的末尾删除了两个空格，并返回了一个新的字符串。同样地，由于原有字符串没有改变，因此仍然包含空格。

指导意义

String.prototype.trimStart() 和 String.prototype.trimEnd() 方法的出现，使得我们能够更加方便地处理字符串中的空格问题。在过去，我们常常需要使用其他方法实现这个功能，例如正则表达式、字符串截取等等。现在，有了这两个方法，我们就能够更加快速、简单地完成相关操作。

同时，需要注意的是这两个方法只能处理空格，包括空格、制表符（\t）、回车符（\r）和换行符（\n）。如果我们需要处理其他类型的空白字符，就需要使用其他方法。

总结

本文介绍了 ES8 新增的 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法，包括语法和使用示例。这两个方法可以帮助我们更加方便地处理字符串中的空格问题，提高开发效率。同时，需要注意这两个方法只能处理空格，如果需要处理其他类型的空白字符，就需要使用其他方法。

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