在前端开发中，字符串处理一直是一个重要的而且很基本的需求。例如，在用户输入表单数据时，如果用户不小心输入了额外的空格，这可能会引发很多问题，因为这些额外的空格会对数据的处理和验证造成干扰。
对于这个问题，JavaScript 中已经有了 String.prototype.trim() 方法来解决，从而在 ECMAScript 2021 (ES12) 标准中也得到了进一步的优化。
String.prototype.trim() 方法详解
String.prototype.trim() 方法旨在删除字符串开头和结尾处所有的空格字符。
在 Javascript 中，空格字符可以包含多种形式：空格、制表符、换行符等。如果字符串的中间或开头包含空格或制表符，String.prototype.trim() 方法不会删除这些空格。
该方法返回的是一个新字符串，原字符串并不会被修改。考虑到这个特点，我们一般通常使用链式调用来进一步处理字符串。
String.prototype.trim() 方法与正则表达式配合使用
String.prototype.trim() 方法还可以与正则表达式一同使用。我们可以使用正则表达式来匹配空白字符以及其他的字符。
在 ES5 中，我们可以使用类似下面的正则表达式来匹配空白字符：
var whitespace = /[\t\n\r]/g;
然后在 ES5 中，我们可以使用下面的代码来解决字符串开头和结尾处的空格问题：
function trim(str) {
return str.replace(/^\s+|\s+$/g, '');
}然而，在 ES6 中，我们可以使用更简洁的语法来解决该问题：
function trim(str) {
return str.trim();
}这将删除字符串开头和结尾处的所有空格字符。但是，这个问题并不是如此简单，因为在许多情况下，我们需要同时删除所有空白字符和其他字符。这时候，我们就需要使用正则表达式中的 \s 来匹配所有空白字符以及其他字符。
function trim(str) {
return str.replace(/(^\s+|\s+$)/g, '');
}String.prototype.trimStart() 和 String.prototype.trimEnd()
在 ES11 (ECMAScript 2020) 中，JavaScript 引入了 String.prototype.trimStart() 和 String.prototype.trimEnd()，这两个方法的作用与 String.prototype.trim() 方法类似，它们只是在字符串的开头或结尾处删除空格字符。这个特性在许多情况下非常有用，例如在 URL 处理和文件路径处理中。
总结
在 ECMAScript 2021 (ES12) 标准中，String.prototype.trim() 方法得到了进一步的优化，使其成为解决字符串空格问题的首选方法。与正则表达式的配合使用，我们可以轻松地删除字符串中的空白字符和其他字符。同时，String.prototype.trimStart() 和 String.prototype.trimEnd() 这两个方法也为开头和结尾处的空白字符提供了更好的处理方式。熟练运用这些方法，可以有效提升前端开发的效率和质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652e55287d4982a6ebf5f8c7