ES10 中的 String.trimStart() 和 String.trimEnd() 方法

在 ES10 中，JavaScript 新增了两个字符串方法：String.trimStart() 和 String.trimEnd()。这两个方法分别用于去除字符串开头和结尾的空格，从而使字符串更加规范和易于处理。

String.trimStart() 方法

String.trimStart() 方法用于去除字符串开头的空格。它返回一个新的字符串，该字符串是原始字符串去除开头空格后的结果。

语法

string.trimStart()

参数

该方法不接受任何参数。

返回值

返回一个新的字符串，该字符串是原始字符串去除开头空格后的结果。

示例代码

const str = '   Hello, world!'
console.log(str.trimStart()) // 'Hello, world!'

String.trimEnd() 方法

String.trimEnd() 方法用于去除字符串结尾的空格。它返回一个新的字符串，该字符串是原始字符串去除结尾空格后的结果。

语法

string.trimEnd()

参数

该方法不接受任何参数。

返回值

返回一个新的字符串，该字符串是原始字符串去除结尾空格后的结果。

示例代码

const str = 'Hello, world!   '
console.log(str.trimEnd()) // 'Hello, world!'

深入理解

String.trimStart() 和 String.trimEnd() 方法是基于 Unicode 标准的空白字符来实现的，包括空格、制表符、换行符等。这些空白字符有一个 Unicode 编码，可以在 Unicode Character Database 上查看。

在实际开发中，我们经常需要处理字符串的格式问题，比如去除多余的空格，这时候就可以使用这两个方法来实现。而且，由于这两个方法返回的是新的字符串，所以不会改变原始字符串的值，具有很好的安全性。

注意事项

需要注意的是，String.trimStart() 和 String.trimEnd() 方法是 ES10 中新增的方法，在一些旧版本的浏览器中可能不支持。如果需要在旧版本浏览器中使用这两个方法，可以使用 polyfill 或者其他兼容性处理方式。

总结

String.trimStart() 和 String.trimEnd() 方法是 ES10 中新增的字符串方法，用于去除字符串开头和结尾的空格。这两个方法基于 Unicode 标准的空白字符实现，返回的是新的字符串，具有很好的安全性。在实际开发中，可以使用这两个方法来处理字符串的格式问题。如果需要在旧版本浏览器中使用这两个方法，可以使用 polyfill 或者其他兼容性处理方式。

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