ES9 中的 String.trimStart() 和 String.trimEnd()-JavaScript中文网-JavaScript教程资源分享门户

在 ES9 中，新增了两个字符串方法：String.trimStart() 和 String.trimEnd()。这两个方法分别用于去除字符串开头和结尾的空白字符。本文将介绍这两个方法的用法和实际应用。

方法介绍

String.trimStart()

String.trimStart() 方法用于去除字符串开头的空白字符，返回一个新的字符串。该方法没有参数。

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

String.trimEnd()

String.trimEnd() 方法用于去除字符串结尾的空白字符，返回一个新的字符串。该方法没有参数。

const str = "   Hello World   ";
console.log(str.trimEnd()); // "   Hello World"

实际应用

1. 格式化字符串

在实际开发中，我们经常需要格式化字符串。使用 String.trimStart() 和 String.trimEnd() 方法可以很方便地去除字符串开头和结尾的空白字符，从而得到我们想要的格式化字符串。

const str = "   Hello World   ";
const formattedStr = str.trimStart().trimEnd();
console.log(formattedStr); // "Hello World"

2. 处理输入框的值

在处理用户输入时，输入框的值往往会包含不必要的空白字符。使用 String.trimStart() 和 String.trimEnd() 方法可以去除这些空白字符，从而得到用户实际输入的值。

const input = document.getElementById("input");
const value = input.value.trimStart().trimEnd();
console.log(value);

3. 处理文件路径

在处理文件路径时，路径的开头和结尾往往会包含不必要的空白字符。使用 String.trimStart() 和 String.trimEnd() 方法可以去除这些空白字符，从而得到我们想要的文件路径。

const filePath = "   /path/to/file.txt   ";
const trimmedFilePath = filePath.trimStart().trimEnd();
console.log(trimmedFilePath); // "/path/to/file.txt"

总结

String.trimStart() 和 String.trimEnd() 方法是 ES9 中新增的两个字符串方法，用于去除字符串开头和结尾的空白字符。在实际开发中，这两个方法可以帮助我们处理格式化字符串、处理输入框的值和处理文件路径等问题。通过本文的介绍，相信读者已经掌握了这两个方法的用法和实际应用。

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