在 JavaScript 中，字符串是一个十分常见的数据类型，而字符串前后的空格则是经常出现的问题。ES9 在原有的 String.prototype.trim() 方法的基础上新增了 String.prototype.trimStart() 和 trimEnd() 方法，可以分别去掉字符串前后的空格，这些新方法不仅方便了前端开发者，也为多语言应用提供了更多可能性。
String.prototype.trim() 方法
在介绍 String.prototype.trimStart() 和 trimEnd() 方法之前，我们首先回顾一下原有 String.prototype.trim() 方法的用法。该方法会去掉字符串前后的空格，并返回一个新字符串。下面是一个示例：
----- --- - - ----- ----- -- ----- ---------- - ----------- ------------------------ -- ------ ------
可以看到，原有的 trim() 方法去掉了字符串前后的空格，并将剩余部分作为新字符串返回。
虽然 trim() 方法很方便，但却无法处理字符串中间的空格。因此，ES9 引入了 String.prototype.trimStart() 和 trimEnd() 方法，它们可以分别去掉字符串开头和结尾的空格，且支持多语言文本的特殊空格。
String.prototype.trimStart() 方法
String.prototype.trimStart() 方法可以去掉字符串开头的空格，并返回一个新字符串。下面是一个示例：
----- --- - - ----- ----- -- ----- ---------- - ---------------- ------------------------ -- ------ ----- -
可以看到，被 trimStart() 方法处理后的字符串只去掉了开头的空格。
需要注意的是，String.prototype.trimStart() 方法不仅可以处理 ASCII 码表示的空格符，也可以处理其他多语言文本中的空格符。下面是一些示例：
----- --- - - ----- -- ----- ---------- - ---------------- ------------------------ -- ----- -
----- --- - - ----------------- ----- -- ----- ---------- - ---------------- ------------------------ -- ------ ----- -
在上面两个示例中，分别使用了中文文本和 Unicode 转义符表示的宽度空格和窄间隔空格，它们代表的不是 ASCII 码中的空格符，但都可以被 String.prototype.trimStart() 方法去掉。
String.prototype.trimEnd() 方法
与 String.prototype.trimStart() 方法类似，String.prototype.trimEnd() 方法可以去掉字符串结尾的空格，并返回一个新字符串。下面是一个示例：
----- --- - - ----- ----- -- ----- ---------- - -------------- ------------------------ -- - ----- ------
可以看到，被 trimEnd() 方法处理后的字符串只去掉了结尾的空格。
同样需要注意的是，String.prototype.trimEnd() 方法也支持多语言文本中的特殊空格符。下面是一些示例：
----- --- - - ----- -- ----- ---------- - -------------- ------------------------ -- - -----
----- --- - - ----- ----------------- -- ----- ---------- - -------------- ------------------------ -- - ----- ------
在上面两个示例中，分别使用了中文文本和 Unicode 转义符表示的宽度空格和窄间隔空格，它们同样都可以被 String.prototype.trimEnd() 方法去掉。
应用场景
String.prototype.trimStart() 和 trimEnd() 方法的引入，为多语言应用的实现提供了更多可能性。在多语言页面中，字符串中常常存在特殊空格符号和其他类型的空白符，此时使用原有的 trim() 方法处理可能会出现问题。通过使用 String.prototype.trimStart() 和 trimEnd() 方法，可以对多语言字符串做更精确的处理。
下面是一个使用 String.prototype.trimStart() 和 trimEnd() 方法处理多语言字符串的例子：
----- --- - - ------ ------ ------ -- ----- ---------- - -------------------------- ------------------------ -- --------
在上面的例子中，使用了 Unicode 转义符表示的 BOM 字符在字符串头尾存在，使用 String.prototype.trimStart() 和 trimEnd() 方法处理后，可以去掉这些特殊字符，得到更干净的结果。
总结
String.prototype.trim() 方法虽然已经方便了前端开发者的字符串处理，但它并不能处理字符串中间的空格和多语言文本中的特殊空格符。ES9 引入的 String.prototype.trimStart() 和 trimEnd() 方法可以解决这些问题，且支持多语言文本处理。使用这些新方法可以提高字符串处理的准确性和效率，为多语言应用的实现带来更多可能性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65af27c5add4f0e0ff88f663