ECMAScript 2019 中的 String.trimStart() 和 String.trimEnd()，让你的字符串操作更加简便！-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2019 中，新增了两个字符串方法：String.trimStart() 和 String.trimEnd()。这两个方法可以帮助我们更加简便地操作字符串。本文将介绍这两个方法的用法、示例以及其在实际开发中的应用。

String.trimStart()

String.trimStart() 方法可以去除字符串开头的空格，并返回一个新的字符串。下面是该方法的语法：

string.trimStart();

其中，string 表示要进行操作的字符串。

下面是一个使用 String.trimStart() 的示例：

const str = '   Hello World!';
const trimmed = str.trimStart();
console.log(trimmed); // 'Hello World!'

在上面的示例中，我们定义了一个字符串 str，其中包含了开头的空格。然后，我们使用 String.trimStart() 方法去除了开头的空格，并将结果赋值给了 trimmed 变量。最后，我们将 trimmed 变量输出到控制台，可以看到开头的空格已经被去除了。

String.trimEnd() 方法可以去除字符串结尾的空格，并返回一个新的字符串。下面是该方法的语法：

string.trimEnd();

其中，string 表示要进行操作的字符串。

下面是一个使用 String.trimEnd() 的示例：

const str = 'Hello World!   ';
const trimmed = str.trimEnd();
console.log(trimmed); // 'Hello World!'

在上面的示例中，我们定义了一个字符串 str，其中包含了结尾的空格。然后，我们使用 String.trimEnd() 方法去除了结尾的空格，并将结果赋值给了 trimmed 变量。最后，我们将 trimmed 变量输出到控制台，可以看到结尾的空格已经被去除了。

String.trimStart() 和 String.trimEnd() 方法可以在很多场景中使用。下面是一些示例：

在表单验证中，我们经常会需要去除用户输入的字符串中的空格。使用 String.trimStart() 和 String.trimEnd() 方法可以非常方便地实现这个功能。

const input = document.getElementById('username');
const value = input.value.trim(); // 去除开头和结尾的空格

在字符串拼接中，我们可能需要去除某个字符串的开头或结尾的空格，以保证拼接后的字符串符合要求。使用 String.trimStart() 和 String.trimEnd() 方法可以非常方便地实现这个功能。

const str1 = '   Hello';
const str2 = 'World!   ';
const result = str1.trimEnd() + ' ' + str2.trimStart(); // 'Hello World!'

在 URL 处理中，我们可能需要去除 URL 中的开头或结尾的空格，以保证 URL 符合格式要求。使用 String.trimStart() 和 String.trimEnd() 方法可以非常方便地实现这个功能。

const url = ' http://example.com ';
const trimmedUrl = url.trim(); // 'http://example.com'

在 ECMAScript 2019 中，新增了 String.trimStart() 和 String.trimEnd() 两个方法，可以帮助我们更加简便地操作字符串。本文介绍了这两个方法的用法、示例以及其在实际开发中的应用。希望本文能够帮助大家更好地理解和使用这两个方法。

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