使用 ES9 的 String.prototype.trimStart/trimEnd 方法实现字符串修剪

使用 ES9 的 String.prototype.trimStart/trimEnd 方法实现字符串修剪

在前端开发中，经常会遇到需要对字符串进行修剪的情况，比如去除字符串开头和结尾的空格、换行符、制表符等。在 ES9 中，新增了两个方法 String.prototype.trimStart() 和 String.prototype.trimEnd() 可以很方便地实现字符串修剪，本篇文章将详细介绍这两个方法的使用和注意事项。

一、trimStart()和trimEnd()的介绍

String.prototype.trimStart()和String.prototype.trimEnd()方法都是用于修剪字符串的，它们的作用分别是去除字符串开头和结尾的空白符（包括空格、制表符和换行符），并返回修剪后的字符串。这两个方法都属于 ES9 新增的 String 方法。下面分别介绍它们的语法和用法。

1. trimStart()方法

trimStart()方法是用于修剪字符串开头空白符的方法，它的语法如下：

str.trimStart()

其中，str是要修剪的字符串，调用该方法后，将会去除字符串开头的空白符，返回修剪后的字符串。

1. trimEnd()方法

trimEnd()方法是用于修剪字符串结尾空白符的方法，它的语法如下：

str.trimEnd()

其中，str是要修剪的字符串，调用该方法后，将会去除字符串结尾的空白符，返回修剪后的字符串。

二、使用示例

下面分别给出 trimStart() 和 trimEnd()方法的使用示例。

1. trimStart()方法示例

const str = "   hello world!   "
const trimmedStr = str.trimStart()
console.log(trimmedStr) // "hello world!   "

在上面的示例中，str 变量中的字符串包含多个空格，调用 str.trimStart() 方法后，将去除字符串开头的空格，得到修剪后的字符串 "hello world! "。

1. trimEnd()方法示例

const str = "   hello world!   "
const trimmedStr = str.trimEnd()
console.log(trimmedStr) // "   hello world!"

在上面的示例中，str 变量中的字符串包含多个空格，调用 str.trimEnd() 方法后，将去除字符串结尾的空格，得到修剪后的字符串 " hello world!"。

三、注意事项

1. trimStart()和trimEnd()方法的兼容性

由于 trimStart()和trimEnd() 方法是 ES9 中新增的方法，所以在旧版的浏览器中不一定支持。可以通过兼容性库如 Polyfill 进行兼容处理。

1. 参数处理

trimStart()和trimEnd() 方法不接受任何参数，调用时不需要传入任何参数。

1. 返回值类型

trimStart()和trimEnd() 方法返回修剪后的字符串，其返回值类型即为字符串类型。

四、总结

在 ES9 中，新增了两个方法 trimStart() 和 trimEnd()，用于修剪字符串的开头和结尾空白符。这两个方法可以方便地解决字符串修剪的问题，使用非常方便，但需要注意其兼容性和参数处理。在实际开发中，可以根据需要选用适合的方法进行字符串修剪，提高字符串处理效率。

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