ES10 中新增 String 的方法 trimStart() 和 trimEnd() 优化字符串的处理操作

在前端开发中，字符串的处理是经常出现的操作之一。而在 ES10 中，我们又迎来了两个新的字符串操作方法：trimStart() 和 trimEnd()。本文将介绍这两个新方法的用法、优势以及使用示例。

trimStart() 方法

trimStart() 方法用于删除字符串开头的空白字符。该方法是对 trimLeft() 方法的改进和加强，同时相比于 trimLeft()，它具有更好的可读性和可维护性。

用法

trimStart() 方法不接受任何参数，只需在要处理的字符串上调用该方法即可。示例代码如下：

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

优势

相比于使用正则表达式或手动编写代码来处理字符串开头的空白字符，使用 trimStart() 方法具有如下优势：

1. 更加语义化。

   在代码阅读时，trimStart() 可以更明确地表达我们要删除的是字符串开头的空白字符。

2. 更加易维护。

   当我们需要修改删除规则时，只需要修改 trimStart() 方法而无需修改大量手写的代码。

trimEnd() 方法

trimEnd() 方法用于删除字符串结尾的空白字符。该方法是对 trimRight() 方法的改进和加强，同时相比于 trimRight()，它具有更好的可读性和可维护性。

用法

trimEnd() 方法也不接受任何参数，只需在要处理的字符串上调用该方法即可。示例代码如下：

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

优势

相比于使用正则表达式或手动编写代码来处理字符串结尾的空白字符，使用 trimEnd() 方法具有如下优势：

1. 更加语义化。

   在代码阅读时，trimEnd() 可以更明确地表达我们要删除的是字符串结尾的空白字符。

2. 更加易维护。

   当我们需要修改删除规则时，只需要修改 trimEnd() 方法而无需修改大量手写的代码。

总结

使用 trimStart() 和 trimEnd() 方法可以更加方便地处理字符串，同时也提升了代码的可读性和可维护性。在项目中，我们可以使用这两个方法代替手写代码或者正则表达式来处理字符串，使代码更加简洁清晰。

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