ES12 中 String Trim 的新特性 trimStart()、trimEnd() 方法的使用技巧

在 ES12 中，String 类型新增了两个方法： trimStart() 和 trimEnd()。trimStart() 方法可以去掉字符串开头的空格，trimEnd() 方法可以去掉字符串结尾的空格。这两个方法的使用非常简单，但是对于前端开发者来说，却有一定的学习和指导意义。

trimStart() 方法

trimStart() 方法可以去掉字符串开头的空格，其使用方法非常简单。示例如下：

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

从上面的示例代码可以看出，通过 trimStart() 方法可以将字符串 str 开头的空格去掉，得到去掉空格的字符串 "hello world "。

trimEnd() 方法

trimEnd() 方法可以去掉字符串结尾的空格，其使用方法同样非常简单。示例如下：

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

从上面的示例代码可以看出，通过 trimEnd() 方法可以将字符串 str 结尾的空格去掉，得到去掉空格的字符串 " hello world"。

性能优化

对于大量字符串操作的情况，如果直接使用 trimStart() 和 trimEnd() 方法，可能会对性能造成一定的影响。此时，可以通过正则表达式的方式来避免使用过多的内存和 CPU 资源。

示例如下：

const str = '  hello world  ';

// 使用正则表达式的方式去掉字符串开头和结尾的空格
console.log(str.replace(/^\s+/, '').replace(/\s+$/, ''));
// "hello world"

上面的示例代码中，通过正则表达式的方式去掉字符串开头和结尾的空格，得到去掉空格的字符串 "hello world"。此种方式可以避免使用过多的内存和 CPU 资源，从而提高代码的性能。

总结

ES12 中 String Trim 的新特性 trimStart()、trimEnd() 方法非常简单易用，可以帮助开发者更方便地对字符串进行操作。对于大量字符串操作的情况，可以使用正则表达式的方式来避免使用过多的内存和 CPU 资源，从而提高代码的性能。希望本篇文章对前端开发者有所裨益。

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