ES10 中如何使用 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法清理字符串

在前端开发中，我们经常需要对字符串进行一些操作，如去除字符串开头和结尾的空格，去除特定字符等。ES10 中新增了两个字符串方法 trimStart() 和 trimEnd()，可以帮助我们更方便地清理字符串。

String.prototype.trimStart()

trimStart() 方法用于去除字符串开头的空格。它的语法如下：

str.trimStart()

其中 str 表示要操作的字符串。

示例代码：

const str = "  hello world";
const trimmedStr = str.trimStart();
console.log(trimmedStr); // "hello world"

String.prototype.trimEnd()

trimEnd() 方法用于去除字符串结尾的空格。它的语法如下：

str.trimEnd()

其中 str 表示要操作的字符串。

示例代码：

const str = "hello world  ";
const trimmedStr = str.trimEnd();
console.log(trimmedStr); // "hello world"

深度学习

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