详解 ES10 的 String.trimStart 和 String.trimEnd 方法

在 ES10 中新增的 String.trimStart 和 String.trimEnd 方法是用来去除字符串开头和结尾空格的功能，相较于原有的 String.trim 方法，可以更具有针对性地满足开发者的需求。本篇文章将详细介绍这两个方法的使用以及具有学习和指导意义的示例代码。

String.trimStart 方法

我们首先来看 String.trimStart 方法，它的语法格式为：

string.trimStart()

这个方法将会返回一个去掉开头空格后的新字符串。下面让我们来看一个简单的案例：

const str = "  Hello, world!";
console.log(str.trimStart()); //"Hello, world!"

在这个案例中，我们定义了一个带有空格的字符串 " Hello, world!"，通过调用 String.trimStart 方法将其开头的空格去掉，输出结果为 "Hello, world!"。

和原有的 String.trim 方法不一样的是，String.trimStart 只能去除字符串开头的空格，而不能去除结尾的空格。

String.trimEnd 方法

接下来我们再看 String.trimEnd 方法，其语法格式为：

string.trimEnd()

这个方法将会返回一个去掉结尾空格后的新字符串。下面是一个简单的案例：

const str = "Hello, world!  ";
console.log(str.trimEnd()); //"Hello, world!"

在这个案例中，我们定义了一个带有空格结束的字符串 "Hello, world! "，通过调用 String.trimEnd 方法将其结尾的空格去掉，输出结果为 "Hello, world!"。

同样的，和 String.trim 方法一样，String.trimEnd 方法也可以去掉字符串开头的空格。

给出一些示例代码

下面我们来看看一些具有学习和指导意义的示例代码。

去除数组中每个元素开头和结尾的空格

const arr = [" Hello ", "world ", "   JavaScript  "];
const newArr = arr.map(str => str.trim());
console.log(newArr); //["Hello", "world", "JavaScript"]

在这个案例中，我们定义了一个字符串数组，每个字符串都带有开头或结尾的空格。通过 Array.map 方法遍历整个数组，使用 String.trim 方法去除每个字符串中的空格，返回一个新的字符串数组并进行输出。

实现简单的密码验证

const password = " P@ssword123 ";
if (password.trimStart().trimEnd().length >= 10) {
  console.log("密码合规");
} else {
  console.log("密码应至少包含 10 个字符");
}

在这个案例中，我们定义了一个包含开头和结尾空格的密码。我们使用 String.trimStart 方法和 String.trimEnd 方法去除字符串开头和结尾的空格，并通过 String.length 参数判断密码长度是否大于 10，从而进行密码合规验证。

总结

ES10 中的 String.trimStart 和 String.trimEnd 方法为开发者提供了更有针对性的字符串空格处理方法，非常实用。我们在实际开发中可以根据这些方法提供的特性，快速解决一些字符串开头和结尾空格相关的问题。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/659e5d99add4f0e0ff757ffd