在 JavaScript 中，字符串是一个非常常用的数据类型。而在使用字符串时，我们经常需要删除前后的空格。在 ES11 中，我们新增了两种方法 String.prototype.trimStart() 和 String.prototype.trimEnd() 来方便的删除字符串之前或之后的空格。在本篇文章中，我们将详细介绍如何在 ES11 中使用这两个方法，并给出一些示例代码。
String.prototype.trimStart()
String.prototype.trimStart() 方法用来删除字符串前面的空格，返回值为删除后的新字符串。
const str = ' hello world'; console.log(str.trimStart()); // "hello world"
上面的示例代码中，我们定义了一个字符串 str，其中开头有两个空格。通过调用 trimStart() 方法，我们成功地删除了字符串开头的空格，并将删除后的结果输出到控制台了。
需要注意的是，trimStart() 方法和 trim() 方法不完全一样。trim() 方法用来删除字符串开头和结尾的空格，而 trimStart() 方法仅仅删除字符串开头的空格。
String.prototype.trimEnd()
String.prototype.trimEnd() 方法用来删除字符串结尾的空格，返回值为删除后的新字符串。
const str = 'hello world '; console.log(str.trimEnd()); // "hello world"
上面的示例代码中，我们定义了一个字符串 str，其中结尾有四个空格。通过调用 trimEnd() 方法，我们成功地删除了字符串结尾的空格，并将删除后的结果输出到控制台了。
需要注意的是，trimEnd() 方法和 trim() 方法不完全一样。trim() 方法用来删除字符串开头和结尾的空格，而 trimEnd() 方法仅仅删除字符串结尾的空格。
ES11 中的支持程度
需要注意的是，虽然 trimStart() 和 trimEnd() 方法是在 ES11 中新增的，但并不是所有的浏览器都支持这两个方法。以下是一份支持情况的列表：
- Chrome 66+
- Firefox 61+
- Safari 12.1+
- Opera 53+
- Edge 79+
- IE 不支持
如果需要在不支持 trimStart() 和 trimEnd() 方法的浏览器中使用这两个方法，可以通过以下方式进行处理：
-- -------------------- ---- -------
-- ----------------------------- -
-------------------------- - ---------- -
------ -------------------- ----
--
-
-- --------------------------- -
------------------------ - ---------- -
------ -------------------- ----
--
-以上代码中，我们首先判断浏览器是否支持 trimStart() 和 trimEnd() 方法，如果不支持的话，则通过正则表达式来自己实现 trimStart() 和 trimEnd() 方法的功能。
总结
本篇文章中，我们详细介绍了在 ES11 中如何使用 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法。这两个方法可以更加方便地删除字符串前后的空格，提高了我们的开发效率。同时，我们还介绍了在不支持这两个方法的浏览器中如何通过正则表达式实现这两个方法的功能。希望这篇文章能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6483dff648841e98943197be