在ES10中，JavaScript引入了两个新的字符串方法String.trimStart()和String.trimEnd()。这两个方法代表了对String类的有效升级，它们能让字符串处理更加简便和高效。在这篇文章中，我们将深入学习这两个方法，以便更好地掌握它们的用法。 本文包括以下内容：
String.trimStart()方法的使用；String.trimEnd()方法的使用；- 常见应用场景；
- 示例代码。
String.trimStart() 方法
String.trimStart()方法用于去除字符串开头的空格或指定字符，返回一个新字符串，而不是更改原字符串。该方法支持参数，可以指定需要去除的字符类型。如果不指定参数，则默认去除空格。
以一个简单的示例来演示String.trimStart()方法的用法：
----- --- - - ----- -------- ----- ---------- - ---------------- ------------------------ -- ------ -------
在上面的示例中，一行字符串前面有一个换行符和多个空格。String.trimStart()方法去掉了这些空格和换行符，最终返回一个新的字符串"Hello World!"。
String类型支持的另一个方法String.trim()可以去除字符串开头和结尾的空格和换行符，而String.trimStart()方法仅去除字符串开头的空格和换行符，这让这两个方法适用于不同的场景。
同样，String.trimStart()也支持参数。以下示例演示了如何去除字符串开头的指定字符：
----- --- - ---------------- ----- ---------- - ------------------------- ------------------------ -- --------
上述示例中，"?*!+^㏒1"参数指定需要去除的字符类型，所以输出字符串为"234567"。
String.trimEnd() 方法
与String.trimStart()方法类似，String.trimEnd()方法用于去除字符串结尾的空格或指定字符，并返回一个新字符串，而不是更新原字符串。该方法也支持参数，可以指定需要去除的字符类型。如果不指定参数，则默认去除空格。
以下示例演示了如何使用String.trimEnd()方法去除字符串结尾的空格或指定字符：
--- -------- - ------- ------ -- --- --------------- - ------------------- ----------------------------- -- ------- ------- -------- - ------- ------------- --------------- - ------------------------- ----------------------------- -- ------- -------
在上面的示例中，第一个示例仅去除字符串结尾的空格。第二个示例使用"+/*%"参数去除字符串结尾的这些字符。
两项都启用后，代码就变得简单、可读性更好。在编程中，代码易于阅读和理解是一个好习惯。在这个例子中，可以看到代码易于阅读和理解，因为使用了ES10的新方法String.trimStart()和String.trimEnd()。
常见应用场景
以下是使用String.trimStart()和String.trimEnd()方法的一些常见场景：
- 表单验证 - 在输入表单中，使用这两种方法来删除用户意外粘贴或 by 输入的多余空格或特殊字符。
- 数据库键值清理 - 当从数据库中检索数据时，可以使用
String.trimStart()和String.trimEnd()去除字符串前后的空格和特殊字符。 - 输出格式化 - 在输出大量数据时，可以使用这些函数清除数据字符串之间可能存在的空格或特殊字符。
示例代码
以下是使用String.trimStart()方法和String.trimEnd()方法的一些JavaScript示例：
-- -------------- ----- ----- - - ------------------- -- ----- ------------ - ------------- -------------------------- -- --------------------- -- ---------------- ----- -------- - - -------- -- -- ---------------- --- ----------- - --------------------- - ---- - --------------------- - -- --------- ----- ------------- - - -------- -- -- --------------------- --- ----------- - --------------------- - ---- - --------------------------------- - -- ----------- ----- ----- - - - ----- -------- ------ - ----------------- - -- - ----- ------ ------ ----------------- -- - ----- ---------- ------ - ------------------- - -- -- -------------------- -- - ----- ------------ - ------------------ -------------------------- ------------------ ---
结论
在本文中，我们学习了ES10引入的两个新方法String.trimStart()和String.trimEnd()。这两个方法可以让JavaScript的字符串处理变得更加简单、高效和易于阅读和理解。我们还提供了一些使用这些新方法的示例。在实际应用中，这些方法可以消除开发人员的重复工作，并在输出大量数据时有效提高效率。这是一个不错的变革，让代码变得优雅并提高了可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671f84222e7021665efdfa9e