在前端开发中，我们经常需要对字符串进行一些操作，如去除字符串开头和结尾的空格，去除特定字符等。ES10 中新增了两个字符串方法 trimStart() 和 trimEnd()，可以帮助我们更方便地清理字符串。
String.prototype.trimStart()
trimStart() 方法用于去除字符串开头的空格。它的语法如下：
---------------
其中 str 表示要操作的字符串。
示例代码：
----- --- - - ----- ------- ----- ---------- - ---------------- ------------------------ -- ------ ------
String.prototype.trimEnd()
trimEnd() 方法用于去除字符串结尾的空格。它的语法如下：
-------------
其中 str 表示要操作的字符串。
示例代码：
----- --- - ------ ----- -- ----- ---------- - -------------- ------------------------ -- ------ ------
深度学习
trimStart() 和 trimEnd() 方法虽然看似简单，但它们的实现原理却不简单。在 ES10 中，这两个方法的实现是基于 Unicode 的，它们可以去除除了空格之外的所有 Unicode 空格字符。这些字符包括：
- U+0009（制表符）
- U+000A（换行符）
- U+000B（纵向制表符）
- U+000C（换页符）
- U+000D（回车符）
- U+0020（空格符）
- U+0085（下一行）
- U+00A0（非断空格）
- U+1680（欧洲字符集中的空格）
- U+180E（Mongolian Vowel Separator）
- U+2000~U+200A（各种宽度的空格）
- U+2028（行分隔符）
- U+2029（段落分隔符）
- U+202F（窄的非断空格）
- U+205F（中等数学空格）
- U+3000（CJK 全角空格）
因此，使用 trimStart() 和 trimEnd() 方法可以更加准确地清理字符串中的空格，而不仅仅是去除字符串两端的空格。
指导意义
使用 trimStart() 和 trimEnd() 方法可以帮助我们更方便地清理字符串，提高代码的可读性和可维护性。在实际开发中，我们经常需要处理用户输入的数据，而用户输入的数据中可能包含各种空格字符，使用这两个方法可以帮助我们更好地处理这些数据。
同时，我们也需要注意这两个方法的兼容性问题。虽然在现代浏览器中已经支持，但在一些旧版本的浏览器中可能会出现兼容性问题，需要进行兼容性处理。
总结
在本文中，我们介绍了 ES10 中新增的两个字符串方法 trimStart() 和 trimEnd()，并详细讲解了它们的使用方法、实现原理和指导意义。在实际开发中，我们可以使用这两个方法更方便地清理字符串，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66842457dc1ed1a61b5891d3