在 ES2021 中，新增了两个字符串方法：String.prototype.trimStart 和 String.prototype.trimEnd，它们可以帮助我们去除字符串开头和结尾的空格，从而使字符串处理更加方便和高效。
什么是 trimStart 和 trimEnd
String.prototype.trimStart 和 String.prototype.trimEnd 是 ES2021 中新增的两个字符串方法，它们分别用于去除字符串开头和结尾的空格。这两个方法的命名与已有的 String.prototype.trim 方法类似，只是在方法名后面加上了 Start 和 End，以表明它们的作用范围。
这两个方法与 String.prototype.trim 方法不同的是，它们只去除字符串开头或结尾的空格，而不会改变字符串中间的空格。例如：
const str = " Hello World "; console.log(str.trim()); // "Hello World" console.log(str.trimStart()); // "Hello World " console.log(str.trimEnd()); // " Hello World"
上面的代码中，str.trim() 方法去除了字符串开头和结尾的空格，同时也去除了字符串中间的空格，返回了一个没有空格的字符串。而 str.trimStart() 方法只去除了字符串开头的空格，返回了一个开头没有空格的字符串，而字符串结尾的空格仍然存在。同理，str.trimEnd() 方法只去除了字符串结尾的空格，返回了一个结尾没有空格的字符串，而字符串开头的空格仍然存在。
如何使用 trimStart 和 trimEnd
使用 String.prototype.trimStart 和 String.prototype.trimEnd 方法非常简单，只需要在字符串对象上调用这两个方法即可。例如：
const str = " Hello World "; console.log(str.trimStart()); // "Hello World " console.log(str.trimEnd()); // " Hello World"
上面的代码中，我们在字符串对象 str 上分别调用了 trimStart 和 trimEnd 方法，去除了字符串开头和结尾的空格。
trimStart 和 trimEnd 的指导意义
String.prototype.trimStart 和 String.prototype.trimEnd 方法的出现，使得我们在字符串处理中更加方便和高效。在实际开发中，我们经常需要处理用户输入的字符串，比如用户在输入框中输入了多余的空格，这时候就可以使用 trimStart 和 trimEnd 方法来去除字符串开头和结尾的空格，从而得到一个干净的字符串。
同时，这两个方法也可以用来处理字符串数组中的元素，比如我们需要将一个字符串数组中的所有元素去除开头和结尾的空格，可以使用 map 方法和 trimStart 和 trimEnd 方法配合使用，如下所示：
const arr = [" Hello ", " World "]; const cleanArr = arr.map(str => str.trimStart().trimEnd()); console.log(cleanArr); // ["Hello", "World"]
上面的代码中，我们使用 map 方法遍历字符串数组 arr 中的所有元素，然后分别使用 trimStart 和 trimEnd 方法去除开头和结尾的空格，得到一个干净的字符串数组 cleanArr。
总结
String.prototype.trimStart 和 String.prototype.trimEnd 方法是 ES2021 中新增的两个字符串方法，它们可以帮助我们去除字符串开头和结尾的空格，使得字符串处理更加方便和高效。在实际开发中，我们可以使用这两个方法来处理用户输入的字符串、字符串数组中的元素等等。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65537480d2f5e1655dd2ef6a