在前端开发中，经常会遇到需要处理字符串的情况。在字符串处理中，去除字符串首尾空字符是一项常见的操作。在 ES11 中，新增了两个方法 trimStart() 和 trimEnd()，可以方便地去除字符串首尾空字符。
什么是空字符
在介绍 trimStart() 和 trimEnd() 方法之前，我们需要先了解什么是空字符。空字符指的是空格、制表符、换行符等在屏幕上不可见的字符。在字符串中，包含有空字符时，有时需要将这些空字符去除，这样可以避免在进行字符串比较等操作时产生意外的结果。
使用 trimStart() 和 trimEnd() 方法
trimStart() 方法可以去除字符串开头的空字符，而 trimEnd() 方法可以去除字符串结尾的空字符。它们的语法如下：
let str = ' hello world '; str = str.trimStart(); // 'hello world ' str = str.trimEnd(); // 'hello world'
在执行 trimStart() 和 trimEnd() 方法时，它们都会返回一个新的字符串，原字符串不会被修改。
兼容性问题
由于 trimStart() 和 trimEnd() 方法是 ES11 中新增的方法，因此在低版本的浏览器中可能不被支持。为了解决兼容性问题，可以使用以下方法：
使用 polyfill
可以使用 polyfill 来实现对 trimStart() 和 trimEnd() 方法的支持。polyfill 的实现方式如下：
-- -------------------- ---- -------
-- ----------------------------- -
-------------------------- - ---------- -
------ -------------------- ----
--
-
-- --------------------------- -
------------------------ - ---------- -
------ -------------------- ----
--
-将上述代码添加到项目中即可实现对 trimStart() 和 trimEnd() 方法的支持。
使用转换函数
另外一种方式是使用转换函数将 trimStart() 和 trimEnd() 方法转换为其它更早期的版本的方法。以下是一个示例：
-- -------------------- ---- -------
-- ------- -------------------------- --- ----------- -
-------------------------- - ---------- -
------ -------------------- ----
--
-
-- ------- ------------------------ --- ----------- -
------------------------ - ---------- -
------ -------------------- ----
--
-与 polyfill 不同的是，这种方式不会修改原型链。但是，在使用转换函数时，需要将 trimStart() 和 trimEnd() 方法显示地调用。
总结
本文介绍了在 ES11 中使用 trimStart() 和 trimEnd() 方法去除字符串首尾空字符的方法。除此之外，还介绍了解决兼容性问题的两种方式。开发者在开发字符串处理相关的功能时，可以使用这两个方法来提升代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6470652e968c7c53b0e84d95