ES10 中的 String.prototype.trimStart() 和 trimEnd() 方法的差异与应用

在 ES10 中，我们可以使用 String.prototype.trimStart() 和 trimEnd() 方法来去除一个字符串的开头和结尾的空格。这两个方法相较于之前的 trim() 方法，更为精准和实用，因为它们可以单独移除字符串开头或结尾的空格，而不必移除字符串中间的空格。

1. String.prototype.trimStart()

String.prototype.trimStart() 方法用于移除字符串开头的空格。该方法从字符串的开头开始遍历字符串，直到遇到第一个非空字符为止。这个方法返回的是一个新的字符串，而原有的字符串并没有被改变。

用法

str.trimStart()

示例

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

2. String.prototype.trimEnd()

String.prototype.trimEnd() 方法用于移除字符串结尾的空格。该方法从字符串的结尾开始遍历字符串，直到遇到第一个非空字符为止。这个方法返回的是一个新的字符串，而原有的字符串并没有被改变。

用法

str.trimEnd()

示例

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

3. 区别

String.prototype.trimStart() 和 trimEnd() 方法之间的区别只在于它们移除空格的方向不同。trimStart() 方法从字符串开头开始移除空格，而 trimEnd() 方法从字符串结尾开始移除空格。另外，这两个方法的返回值也不同。trimStart() 返回字符串的开头部分，trimEnd() 返回字符串的结尾部分。

4. 应用

4.1. 格式化文件路径

我们可以使用 trimStart() 或 trimEnd() 帮助我们格式化文件路径。

例如，我们有一个文件路径名为 "/path/to/file.txt "，在使用该路径时，我们需要先去掉开头和结尾的空格，然后再添加文件名后缀。

const filePath = "/path/to/file.txt ";
const newFilePath = filePath.trimEnd() + ".bak";
console.log(newFilePath); // "/path/to/file.txt.bak"

4.2. 字符串去除某个字符

我们可以使用 trimStart() 或 trimEnd() 帮助我们去除某个字符串的开头或结尾的特定字符。

例如，我们想要去除一个字符串结尾的"/"字符。

const str = "/path/to/file/";
console.log(str.trimEnd("/")); // "/path/to/file"

5. 总结

在日常开发中，我们需要对字符串进行格式化或处理的情况很多。在这样的情况下，String.prototype.trimStart() 和 trimEnd() 方法成为了解决问题的利器。它们还可以帮助我们提高效率，让代码更加简洁易读。

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