ES9 中 String 的新增 API：trimEnd() 和 trimStart()-JavaScript中文网-JavaScript教程资源分享门户

在 ES9 中，JavaScript 新增了两个有用的 String API：trimEnd() 和 trimStart()。这两个 API 可以帮助我们更加有效地处理字符串，特别是在字符串处理方面，尤其是在去除空格时十分有用。

trimEnd()

trimEnd() 方法从一个字符串的末尾删除空格，返回新字符串。这个 API 是非常简单的，以至于难以理解。它只需要一个参数：“字符串”，然后返回一个新字符串，该字符串删除了原字符串末尾的任何空格。

示例代码：

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

输出：

"   hello world"

在上面的示例中，使用了 trimEnd() 方法来删除字符串 str 末尾的空格。结果应该是一个新字符串，它没有末尾的空格。

trimStart()

trimStart() 是和 trimEnd() 相似的方法，它删除字符串开头的空格并返回新字符串。这个 API 同样只需要一个参数，就是一个被处理的字符串。当然，如果字符串开头没有空格，则不进行任何处理。

示例代码：

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

输出：

"hello world   "

在上面的示例中，我们使用 trimStart() 来删除字符串 str 开头的空格，返回一个没有开头空格的字符串。

深入理解

在理解 trimEnd() 和 trimStart() API 的内部机制时，关键是要明白它们的工作方式，并知道如何在字符串中查找和删除特定的字符。

在原字符串中，利用正则表达式或者其他字符串处理方式，我们可以使用 replace() 方法修改特定字符、字符串或匹配项。在 trimEnd() 和 trimStart() 这两个 API 中，使用了和 replace() 方法相同的原理：找到要删除的文本，然后用空字符串替换它。

使用建议

由于 trimEnd() 和 trimStart() API 是非常新的 API，因此在逐步使用它们的基础上，我们需要注意以下几点：

要区分在字符串中想要删除的字符是在其开头上，还是在其末尾上。
不要与 trim() 进行混淆，trim() 是删除字符串内部的空格。
如果你要将字符串转换为数组，最好先删除所有的前导和尾随空格。
考虑使用 polyfill 和 fallback 方式来支持早期版本的 JavaScript，在一些较老的浏览器上这些 APIs 可能不可用。

总结

ES9 中的新增 API trimEnd() 和 trimStart() 可以让我们更加有效的去除字符串中的前后空格。使用这两个 API 可以让我们可以更好的处理字符串，提高代码的可读性和可维护性。在使用时需要注意判断字符串中需要去除的内容是在字符串的开头还是结尾，并对较老的浏览器进行兼容处理。

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