ECMAScript 2017 新特性：String.prototype.trimStart() 和 String.prototype.trimEnd() 方法详解
在ECMAScript 2017（ES8）的规范中，我们见到了两个新的字符串方法: trimStart() 和 trimEnd()，它们分别用于从字符串的开始和结尾删除不必要的空白符。接下来，我们会更加详细地讲解这两个新特性，以及如何使用它们来更好地管理我们的字符串。
String.prototype.trimStart()
String.prototype.trimStart() 方法用于删除字符串开头的空白符。空白符包括空格符、制表符、换行符、回车符和其他 Unicode 空白符字符。这个方法与其它删除字符串空白符的方法（例如 String.prototype.trim()），非常相似，但它只会删除开头的空白符，而不会删除结尾的空白符。
下面是一个简单的示例，展示了如何使用 trimStart() 方法删除字符串开头的空白符：
代码示例：
const str = ' hello world!'; console.log(str.trimStart()); // 'hello world!'
这里我们使用 trimStart() 方法来删除字符串开头的空白符，并在控制台中打印出结果 'hello world!'。
需要注意的是，由于这个方法是在 String.prototype 上定义的，因此我们可以在所有字符串上调用这个方法，而不仅仅是在字面量和变量上。
代码示例：
console.log(' hello world!'.trimStart()); // 'hello world!' console.log(String.prototype.trimStart.call(' hello world!')); // 'hello world!'
String.prototype.trimEnd()
String.prototype.trimEnd() 方法用于删除字符串结尾的空白符。它也与其它删除字符串空白符的方法非常相似，但它只会删除结尾的空白符。
下面是一个简单的示例，展示了如何使用 trimEnd() 方法删除字符串结尾的空白符：
代码示例：
const str = 'hello world! '; console.log(str.trimEnd()); // 'hello world!'
在这个例子中，我们使用 trimEnd() 方法来删除字符串结尾的空白符，并在控制台中打印出结果 'hello world!'。
需要注意的是，这个方法也是在 String.prototype 上定义的，所以我们可以在所有字符串上调用这个方法，而不仅仅是在字面量和变量上。
代码示例：
console.log('hello world! '.trimEnd()); // 'hello world!' console.log(String.prototype.trimEnd.call('hello world! ')); // 'hello world!'
指导意义
使用 trimStart() 和 trimEnd() 方法，我们可以更清晰、高效地处理我们的字符串。除了成对配合使用，我们还可以将它们与其它字符串方法（例如 String.prototype.split()、String.prototype.toUpperCase() 等）一同使用。例如：
代码示例：
const str = ' hello world! '; const trimmed = str.trimStart().split(' ').join('-').trimEnd().toUpperCase(); console.log(trimmed); // 'HELLO-WORLD!'
在这个例子中，我们首先使用 trimStart() 方法来删除字符串开头的空白符，然后将字符串拆分成一个由单词组成的数组，并将数组元素连接起来，以破折号（-）分隔。之后，我们使用 trimEnd() 方法删除字符串末尾的空白符，并最后使用 toUpperCase() 方法将结果转换为大写。在控制台中，我们将获得字符串结果 'HELLO-WORLD!'。
总结
在这篇文章中，我们详细介绍了 ECMAScript 2017 中的两个新特性， String.prototype.trimStart() 和 String.prototype.trimEnd() 方法，以及它们的说明、使用方法和指导意义。这些方法在处理字符串时非常有用，特别是对于需要更清晰、更高效地处理开头或结尾空白符的情况。学习并掌握这些方法，将帮助我们更好地管理和利用 JavaScript 中的字符串。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b619fbadd4f0e0ffecaf90