在 ES9 中，有一组新的字符串修剪函数被引入，它们分别是 trimStart()、trimEnd() 和 trim(). 这些函数被设计用于去除字符串开头和结尾的空格，以及其它不可打印字符。这篇文章将介绍这些修剪函数的详细特性和使用方法。
为什么需要字符串修剪函数
在前端开发中，我们常常需要处理用户输入的字符串。由于用户不可避免地会在输入时添加额外的空格和不可打印字符，这些字符可能会影响字符串的处理效果。因此，通常需要使用字符串修剪函数来确保输入的字符串是规范化的。
在 ES5 中，我们可以使用 trim() 函数将一个字符串去除开头和结尾的空格。该函数是 JavaScript 内置的，性能非常高效。但是，如果我们想要去除字符串结尾的非空格字符，或者去除开头的空格而不影响结尾的空格，就需要自己编写代码来完成这个任务，这样会增加代码的复杂度和开发难度。
为了解决这个问题，ES9 引入了两个新的字符串修剪函数 trimStart() 和 trimEnd()，它们可以让开发者更方便地控制字符串的修剪行为。
trimStart() 函数
trimStart() 函数用于去除字符串开头的空格和不可打印字符。该函数的语法和用法与 trim() 函数类似，只是将方法名 trim 替换为 trimStart。
以下是 trimStart() 函数的示例代码：
----- --- - - --------------- -- ----- ------- - ---------------- --------------------- -- ---------------- -
在这个示例中，字符串 str 包含开头和结尾的空格。我们使用 trimStart() 函数将字符串开头的空格去除，并将结果存储在变量 trimmed 中。因此，输出的结果只去除了字符串开头的空格，而保留了结尾的空格。
在实际开发中， trimStart() 函数可以帮助我们规范化用户输入，避免因为输入不规范而导致的错误。
trimEnd() 函数
与 trimStart() 函数相似， trimEnd() 函数用于去除字符串结尾的空格和不可打印字符。同样，该函数的语法和用法与 trim() 函数类似，只是将方法名 trim 替换为 trimEnd。
以下是 trimEnd() 函数的示例代码：
----- --- - ---------------- -- ----- ------- - -------------- --------------------- -- -----------------
在这个示例中，字符串 str 包含开头和结尾的空格。我们使用 trimEnd() 函数将字符串结尾的空格去除，并将结果存储在变量 trimmed 中。因此，输出的结果只去除了字符串结尾的空格，而保留了开头的空格。
trim() 函数
trim() 函数是 trimStart() 和 trimEnd() 函数的联合体。它用于去除字符串开头和结尾的所有空格和不可打印字符。
以下是 trim() 函数的示例代码：
----- --- - - --------------- -- ----- ------- - ----------- --------------------- -- -----------------
在这个示例中，字符串 str 包含开头和结尾的空格。我们使用 trim() 函数将字符串开头和结尾的所有空格去除，并将结果存储在变量 trimmed 中。
总结
ES9 中的字符串修剪函数 trimStart()、trimEnd() 和 trim() 能够帮助我们方便地规范化用户输入，并降低代码的复杂度和开发难度。在实际开发中，我们可以根据具体的需求选择适合的修剪函数来使用。
需要注意的是，这三个函数都返回新的字符串对象，原始字符串不会被修改。因此，需要将修剪后的结果存储在一个变量中才能使用。
希望本篇文章对你有所帮助，让你更好地掌握 ES9 中的字符串修剪函数。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6520cd8e95b1f8cacd841023