在 JavaScript 中，字符串是一种常见的数据类型。在字符串处理中，经常会遇到去除字符串开头或结尾的空格的情况。在早期版本的 JavaScript 中，我们通常使用 String.prototype.trim() 方法来去除字符串开头和结尾的空格。但是，在 ES11 中，新增了 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法，可以更加方便地解决字符串空格问题。
String.prototype.trimStart 方法
String.prototype.trimStart() 方法用于去除字符串开头的空格。该方法与 String.prototype.trim() 类似，但只作用于字符串开头的空格。以下是该方法的示例代码：
const str = ' Hello World '; console.log(str.trimStart()); // 'Hello World '
在上面的代码中，我们先定义了一个字符串 str，它的开头和结尾都有空格。然后我们使用 trimStart() 方法去除了字符串开头的空格。最后输出的结果是 'Hello World '，可以看到字符串开头的空格已经被去除了。
String.prototype.trimEnd 方法
String.prototype.trimEnd() 方法用于去除字符串结尾的空格。该方法与 String.prototype.trim() 类似，但只作用于字符串结尾的空格。以下是该方法的示例代码：
const str = ' Hello World '; console.log(str.trimEnd()); // ' Hello World'
在上面的代码中，我们先定义了一个字符串 str，它的开头和结尾都有空格。然后我们使用 trimEnd() 方法去除了字符串结尾的空格。最后输出的结果是' Hello World'，可以看到字符串结尾的空格已经被去除了。
应用示例
以下是一个示例代码，展示了如何使用 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法进行字符串处理：
const str = ' hello '; const trimmedStart = str.trimStart(); // 'hello ' const trimmedEnd = str.trimEnd(); // ' hello' const trimmed = str.trim(); // 'hello' console.log(trimmedStart); console.log(trimmedEnd); console.log(trimmed);
在上面的代码中，我们先定义了一个字符串 str，它的开头和结尾都有空格。然后我们分别使用 trimStart() 方法和 trimEnd() 方法去除字符串的开头和结尾空格，并将结果存储在不同的变量中。我们还使用了 String.prototype.trim() 方法去除字符串的开头和结尾空格，并将结果存储在 trimmed 变量中。
在最后打印结果时，我们可以看到分别去除了字符串开头和结尾的空格并存储在不同的变量中，也可以看到通过 String.prototype.trim() 方法去除开头和结尾空格后的字符串。这些方法可以帮助我们更加方便地去除字符串中的空格，提高我们的开发效率。
总结
JavaScript 中的字符串处理是前端开发中最为基础的部分之一。在字符串处理中，去除字符串开头和结尾的空格是一种常见的需求。在 ES6 及更早的版本中，我们使用 String.prototype.trim() 方法来去除字符串的开头和结尾空格。但是，在 ES11 中，新增了 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法，能够更加方便地解决字符串空格问题。使用这些方法可以提高开发效率，帮助我们更好地处理字符串。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649404af48841e9894190b43