ES10 的 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法详解

在 ES10 中，JavaScript 新增了两个字符串函数：String.prototype.trimStart() 和 String.prototype.trimEnd()。这两个函数可以用来去除字符串开头和结尾的空格，从而让字符串更加规范化和易于处理。本文将详细介绍这两个函数的用法和优点，并附带示例代码和实际应用场景。

String.prototype.trimStart() 函数

String.prototype.trimStart() 函数可以用来去除字符串开头的空格。该函数的语法如下：

string.trimStart()

其中，string 是要操作的字符串。该函数会返回一个新的字符串，该字符串是去除了开头空格的 string。

示例代码如下：

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

上述代码中，我们首先定义了一个字符串 str，该字符串开头有两个空格。然后我们使用 trimStart() 函数去除了开头的空格，并将结果输出到控制台中。输出的结果为 "hello world"，即已经去除了开头的空格。

String.prototype.trimEnd() 函数

String.prototype.trimEnd() 函数可以用来去除字符串结尾的空格。该函数的语法如下：

string.trimEnd()

其中，string 是要操作的字符串。该函数会返回一个新的字符串，该字符串是去除了结尾空格的 string。

示例代码如下：

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

上述代码中，我们首先定义了一个字符串 str，该字符串结尾有三个空格。然后我们使用 trimEnd() 函数去除了结尾的空格，并将结果输出到控制台中。输出的结果为 "hello world"，即已经去除了结尾的空格。

实际应用场景

String.prototype.trimStart() 和 String.prototype.trimEnd() 函数可以用于许多实际应用场景。例如，我们可以使用这两个函数来规范化用户输入的字符串，从而避免因为空格等问题造成的错误。具体应用示例如下：

const userInput = "  hello world   ";
const trimmedInput = userInput.trimStart().trimEnd();
console.log(trimmedInput); // "hello world"

上述代码中，我们首先定义了一个用户输入的字符串 userInput，该字符串开头和结尾都有空格。然后我们使用 trimStart() 函数去除了开头的空格，再使用 trimEnd() 函数去除了结尾的空格，最后将结果输出到控制台中。输出的结果为 "hello world"，即已经去除了开头和结尾的空格，从而规范化了用户输入的字符串。

总结

String.prototype.trimStart() 和 String.prototype.trimEnd() 函数是 ES10 中新增的两个字符串函数，可以用来去除字符串开头和结尾的空格。这两个函数可以帮助我们规范化字符串，避免因为空格等问题造成的错误。在实际应用中，我们可以使用这两个函数来规范化用户输入的字符串，从而提高应用的稳定性和可靠性。

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