ECMAScript 2019 string.trimStart() 详解：消除你的字符串空格难题！-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2019 string.trimStart() 详解：消除你的字符串空格难题！

在日常的前端开发中，我们经常会用到字符串类型的数据。而字符串中很常见的问题就是空格，比如说有一些字符串的首尾位置可能会有一些多余的空格，这时候我们需要去掉这些空格，才能正确地使用这个字符串。ECMAScript 2019引入了string.trimStart()方法，旨在帮助我们更方便地消除字符串中的空格问题。

什么是string.trimStart()？

string.trimStart() 方法可以从字符串的开头开始读取空格字符串，返回一个新的字符串，从中删除开始项中的所有空格。

该方法继承自String原型对象，并且兼容所有现代的浏览器和Node.js。

示例代码：

const greeting = '    Hello World!  ';
console.log(greeting);// "    Hello World!  "，原始字符串
console.log(greeting.trimStart());// "Hello World!  "，去除开头的空格后的字符串

上述代码中，我们定义了一个字符串greeting并添加了一些空格。然后，我们用console.log()打印原始字符串以及调用trimStart()方法后的字符串。最终输出将会是去除开头空格后的字符串"Hello World! "。

如果你已经知道了string.trim()的方式，你可能会想：“难道string.trimStart()不是和string.trim()一样的方法吗？”然而，这两个方法虽然名字相似，但是功能是有所区别的。下面对两者进行比较：

const str = '     Hello World!    ';
console.log(str.trimStart());// "Hello World!    "
console.log(str.trim());// "Hello World!"

可以看到，trim()方法可以去除字符串前后所有的空格，而trimStart()只能去除字符串开头的空格，而不影响后面的空格，这意味着如果一个字符串即在前面又在后面都有空格，那么调用trimStart()到最终、trim()的效果也是不同的。因此，两者的功能是不一样的。

该方法有多少应用场景？

该方法的应用场合很广泛，比如说：

在前端开发中，有时我们需要读取用户的输入，而这些输入中常常包含空格。如果我们不对其进行处理，那么在后续的逻辑实现中就可能出现问题。

在字符串处理时，特定的字符串前缀或后缀中可能包含大量空格，而这些空格在不同的场合中会有不同的作用，trimStart()可以帮助我们快速地消除开头的空格，便于后续逻辑的实现。

总结

ECMAScript 2019引入了string.trimStart()方法，可以帮助我们快速、方便地消除字符串开头的空格。该方法广泛应用于前端开发和字符串处理中。需要注意的是：trimStart()和trim()虽然名字相似，但严格来说是不同的两个方法。在处理特定的业务场合中，我们需要找准合适的方法，以便达到最佳的效果。

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