在 ES10 中使用 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法去除空格

在编写 JavaScript 代码时，我们经常需要处理字符串。本文将介绍字符串方法 trimStart() 和 trimEnd()，它们是 ES10 中新添加的方法，用于去除字符串开头和结尾的空格。本文将详细讲解这两个方法的用法和意义，并提供示例代码以及一些实际应用。

trimStart()

这个方法是用于去除字符串开头的空格，它是从 ECMAScript 2019（ES10）中引入的。它等价于使用正则表达式 /^[\s\uFEFF\xA0]+/g，在字符串中查找并替换开头的空格。

const greeting = '  Hello world  ';
console.log(greeting.trimStart()); // 'Hello world  '

在上面的示例中，我们首先定义了一个包含双引号的字符串常量 greeting。在调用trimStart()方法之后，它返回被修剪后的字符串。由于字符串开头的空格已经被删除，所以字符串看起来更干净。

请注意，该方法不会更改原始字符串，而是返回一个新的修剪后的字符串。

trimEnd()

此方法是用于去除字符串末尾的空格，它也是从 ECMAScript 2019（ES10）中引入的。它等价于使用正则表达式 /[\s\uFEFF\xA0]+$/g，在字符串中查找并替换结尾的空格。

const greeting = '  Hello world  ';
console.log(greeting.trimEnd()); // '  Hello world'

上面的例子使用了 trimEnd() 方法，将末尾的空格去掉后返回一个修剪后的字符串。

实际应用

这两个方法不仅仅可以用于字符串中的空格，还可以用于删除任何 Unicode 空白字符（空格、制表符、换行符等）。它们都返回一个新的字符串，并不影响原始字符串，这使得它们在操作数据库或查询时非常有用。

const text = '\u2003\u2003Hello world\u2003\u2003';
console.log(text.trimStart()); // 'Hello world\u2003\u2003'
console.log(text.trimEnd()); // '\u2003\u2003Hello world'

上述文本中包含了两个占位符（\u2003）和“Hello world”。第一行代码从开头删除了两个占位符，而第二行代码从结尾删除了两个占位符。

在我们写 Web 应用时，我们经常会从用户输入中获取字符串，例如登录表单中的用户名和密码。这时，用户可能会在输入框中留下一些空格，我们需要去掉它们才能进行有效验证。在这种情况下，trimStart() 和 trimEnd() 方法非常有用，因为它们可以帮助我们快速有效地删除空格，以确保我们只使用纯净的字符串进行验证。

总结

在本文中，我们介绍了 ES10 中的两个字符串方法 trimStart() 和 trimEnd()。我们学习了如何使用它们去除字符串中的空格，并提供了一些实际应用示例，以便快速开始使用这两个方法。总的来说，这两个方法非常有用，因为它们可以帮助我们快速、方便地删除字符串中的空格，以确保只使用纯净的字符串进行验证。

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