ES9 中引入的 String.prototype.trimStart() 和 trimEnd() 方法的多语言应用

在 JavaScript 中，字符串是一个十分常见的数据类型，而字符串前后的空格则是经常出现的问题。ES9 在原有的 String.prototype.trim() 方法的基础上新增了 String.prototype.trimStart() 和 trimEnd() 方法，可以分别去掉字符串前后的空格，这些新方法不仅方便了前端开发者，也为多语言应用提供了更多可能性。

String.prototype.trim() 方法

在介绍 String.prototype.trimStart() 和 trimEnd() 方法之前，我们首先回顾一下原有 String.prototype.trim() 方法的用法。该方法会去掉字符串前后的空格，并返回一个新字符串。下面是一个示例：

const str = '   hello world   ';
const trimmedStr = str.trim();

console.log(trimmedStr); // 'hello world'

可以看到，原有的 trim() 方法去掉了字符串前后的空格，并将剩余部分作为新字符串返回。

虽然 trim() 方法很方便，但却无法处理字符串中间的空格。因此，ES9 引入了 String.prototype.trimStart() 和 trimEnd() 方法，它们可以分别去掉字符串开头和结尾的空格，且支持多语言文本的特殊空格。

String.prototype.trimStart() 方法

String.prototype.trimStart() 方法可以去掉字符串开头的空格，并返回一个新字符串。下面是一个示例：

const str = '   hello world   ';
const trimmedStr = str.trimStart();

console.log(trimmedStr); // 'hello world   '

可以看到，被 trimStart() 方法处理后的字符串只去掉了开头的空格。

需要注意的是，String.prototype.trimStart() 方法不仅可以处理 ASCII 码表示的空格符，也可以处理其他多语言文本中的空格符。下面是一些示例：

const str = ' 　你好世界   ';
const trimmedStr = str.trimStart();

console.log(trimmedStr); // '你好世界   '

const str = ' \u200A\u2009hello world   ';
const trimmedStr = str.trimStart();

console.log(trimmedStr); // 'hello world   '

在上面两个示例中，分别使用了中文文本和 Unicode 转义符表示的宽度空格和窄间隔空格，它们代表的不是 ASCII 码中的空格符，但都可以被 String.prototype.trimStart() 方法去掉。

String.prototype.trimEnd() 方法

与 String.prototype.trimStart() 方法类似，String.prototype.trimEnd() 方法可以去掉字符串结尾的空格，并返回一个新字符串。下面是一个示例：

const str = '   hello world   ';
const trimmedStr = str.trimEnd();

console.log(trimmedStr); // '   hello world'

可以看到，被 trimEnd() 方法处理后的字符串只去掉了结尾的空格。

同样需要注意的是，String.prototype.trimEnd() 方法也支持多语言文本中的特殊空格符。下面是一些示例：

const str = '   你好世界　 ';
const trimmedStr = str.trimEnd();

console.log(trimmedStr); // '   你好世界'

const str = '   hello world\u200A\u2009 ';
const trimmedStr = str.trimEnd();

console.log(trimmedStr); // '   hello world'

在上面两个示例中，分别使用了中文文本和 Unicode 转义符表示的宽度空格和窄间隔空格，它们同样都可以被 String.prototype.trimEnd() 方法去掉。

应用场景

String.prototype.trimStart() 和 trimEnd() 方法的引入，为多语言应用的实现提供了更多可能性。在多语言页面中，字符串中常常存在特殊空格符号和其他类型的空白符，此时使用原有的 trim() 方法处理可能会出现问题。通过使用 String.prototype.trimStart() 和 trimEnd() 方法，可以对多语言字符串做更精确的处理。

下面是一个使用 String.prototype.trimStart() 和 trimEnd() 方法处理多语言字符串的例子：

const str = ' \uFEFF 你好，世界！ \uFEFF ';
const trimmedStr = str.trimStart().trimEnd();

console.log(trimmedStr); // '你好，世界！'

在上面的例子中，使用了 Unicode 转义符表示的 BOM 字符在字符串头尾存在，使用 String.prototype.trimStart() 和 trimEnd() 方法处理后，可以去掉这些特殊字符，得到更干净的结果。

总结

String.prototype.trim() 方法虽然已经方便了前端开发者的字符串处理，但它并不能处理字符串中间的空格和多语言文本中的特殊空格符。ES9 引入的 String.prototype.trimStart() 和 trimEnd() 方法可以解决这些问题，且支持多语言文本处理。使用这些新方法可以提高字符串处理的准确性和效率，为多语言应用的实现带来更多可能性。

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