ES8/ES2017 中使用 String.prototype.trimStart 和 String.prototype.trimEnd 消除字符串首尾空白

在开发前端应用程序时，处理字符串是一个常见的任务。在 ES8/ES2017 中，我们可以使用 String.prototype.trimStart 和 String.prototype.trimEnd 方法来消除字符串首尾的空白字符。这篇文章将详细介绍这两个方法的用法，并提供示例代码以帮助您更好地理解它们的使用。

String.prototype.trimStart 方法

String.prototype.trimStart 方法可以用于删除字符串的开头空白字符。该方法返回一个新字符串，其中删除了开头的空白字符。下面是一个示例：

const str = "  hello world  ";
const trimmed = str.trimStart();
console.log(trimmed); // "hello world  "

在上面的示例中，String.prototype.trimStart 方法从字符串“ hello world ”中删除了前导空格，并返回新字符串“hello world ”。

String.prototype.trimEnd 方法

String.prototype.trimEnd 方法可以用于删除字符串的末尾空白字符。该方法返回一个新字符串，其中删除了末尾的空白字符。下面是一个示例：

const str = "  hello world  ";
const trimmed = str.trimEnd();
console.log(trimmed); // "  hello world"

在上面的示例中，String.prototype.trimEnd 方法从字符串“ hello world ”中删除了尾随空格，并返回新字符串“ hello world”。

为什么使用 String.prototype.trimStart 和 String.prototype.trimEnd 方法？

在前端开发中，字符串常常需要进行处理。字符串中的空白字符可能会导致不必要的问题，例如在比较两个字符串时，空白字符可能会导致不匹配。

使用 String.prototype.trimStart 和 String.prototype.trimEnd 方法可以消除字符串首尾的空白字符，从而避免这些问题。这些方法是 ES8/ES2017 中的新功能，因此如果您正在使用较旧的 JavaScript 版本，则需要使用其他方法来消除字符串中的空白字符。

示例代码

下面是一个示例代码，演示如何使用 String.prototype.trimStart 和 String.prototype.trimEnd 方法来消除字符串首尾的空白字符：

const str = "  hello world  ";
const trimmedStart = str.trimStart();
const trimmedEnd = str.trimEnd();
const trimmedBoth = str.trimStart().trimEnd();

console.log(trimmedStart); // "hello world  "
console.log(trimmedEnd); // "  hello world"
console.log(trimmedBoth); // "hello world"

在上面的示例中，我们首先定义了一个包含前导和尾随空格的字符串。然后，我们使用 String.prototype.trimStart 方法来消除字符串的开头空格，并使用 String.prototype.trimEnd 方法来消除字符串的尾随空格。最后，我们使用链式调用将两种方法结合起来，以消除字符串的首尾空格。

结论

在 ES8/ES2017 中，我们可以使用 String.prototype.trimStart 和 String.prototype.trimEnd 方法来消除字符串首尾的空白字符。这些方法可以帮助我们避免字符串比较等问题，并提高代码的可读性和可维护性。如果您正在使用较旧的 JavaScript 版本，则需要使用其他方法来消除字符串中的空白字符。

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