引言
随着 JavaScript 发展，它的标准也随之不断地完善。ES12（也叫 ES2021）是 JavaScript 最新的标准版本，其中包含了很多新的特性。在这篇文章中，我们将详细介绍 ES12 中新增的 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法，并且通过实例代码来介绍如何在前端开发中使用它们来提高开发效率。
String.prototype.trimStart() 和 String.prototype.trimEnd() 方法
在 ES12 中，我们新增了 String.prototype.trimStart() 和 String.prototype.trimEnd() 两个方法，它们分别用于删除字符串开头和结尾处的空白字符。这里的空白字符包括空格、制表符、回车符、换行符等。
这两个方法非常实用，它们可以帮助我们轻松地处理字符串，而不需要手动编写正则表达式或自定义函数。
String.prototype.trimStart() 方法详解
String.prototype.trimStart() 方法用于删除字符串开头处的空白字符，并返回新的字符串。下面是该方法的语法：
string.trimStart()
其中 string 是原始字符串。以下是该方法的一些例子：
let str = ' hello world ' console.log(str.trimStart()) // 'hello world '
在这个例子中，trimStart() 方法删除了字符串 str 开头的两个空格，并返回了新的字符串 'hello world '。
这个方法非常实用。在处理用户输入的字符串时，有时候我们需要删除开头处的空白字符，以防止用户无意间输入了空格或其他空白字符。使用 trimStart() 方法，我们可以轻松地实现这个功能。
String.prototype.trimEnd() 方法详解
String.prototype.trimEnd() 方法用于删除字符串结尾处的空白字符，并返回新的字符串。以下是该方法的语法：
string.trimEnd()
以下是该方法的一些例子：
let str = ' hello world ' console.log(str.trimEnd()) // ' hello world'
在这个例子中，trimEnd() 方法删除了字符串 str 结尾的两个空格，并返回了新的字符串 ' hello world'。
这个方法同样非常实用。在处理字符串时，有时候我们需要删除结尾处的空白字符，以保证字符串的正确性。使用 trimEnd() 方法，我们可以很容易地做到这一点。
实例代码
下面是一个实例代码，它演示了如何使用 trimStart() 和 trimEnd() 方法来处理字符串。我们将读取一个用户输入的字符串，并将其打印出来。但是，在打印之前，我们会先用 trimStart() 方法删除开头处的空白字符，并用 trimEnd() 方法删除结尾处的空白字符。
let userInput = prompt('请输入一些文本')
let trimmedInput = userInput.trimStart().trimEnd()
console.log(trimmedInput)这个实例代码非常简单，但是它演示了如何使用 trimStart() 和 trimEnd() 方法来提高开发效率。在处理用户输入时，我们可以很轻松地删除字符串开头和结尾处的空白字符，以保证代码的正确性。
总结
ES12 中新增的 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法是非常实用的。它们可以帮助我们轻松地处理字符串，而不需要手动编写正则表达式或自定义函数。在前端开发中，使用这两个方法可以大大提高开发效率，同时保证代码的正确性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6549b2fd7d4982a6eb3eeda5