ES10 中的新特性：String 的 trimStart() 和 trimEnd() 方法详解

在 ES10 中，JavaScript 新增了两个字符串方法：trimStart() 和 trimEnd()。这两个方法分别用于去除字符串的开头和结尾的空格。

trimStart() 方法

trimStart() 方法用于去除字符串开头的空格。

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

此外，trimStart() 方法还可以用来去除某个特定字符，例如：

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

这里将字符串中开头的下划线去除。

trimEnd() 方法

trimEnd() 方法则用于去除字符串结尾的空格。

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

同样地，trimEnd() 方法也可以用来去除某个特定字符，例如：

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

这里将字符串中结尾的下划线去除。

需要注意的是，trimStart() 和 trimEnd() 方法是在 ES10 中新增的，如果你的浏览器或者 Node.js 版本较老，可能不支持这两个方法。

如何使用

使用 trimStart() 和 trimEnd() 方法非常简单，只需要调用对应的方法即可，例如：

const str = "   hello world   ";
const trimStartStr = str.trimStart();
const trimEndStr = str.trimEnd();
console.log(trimStartStr, trimEndStr); // "hello world", "   hello world"

使用 trimStart() 和 trimEnd() 方法可以帮助我们快速地去除字符串中的空格，提高代码效率。在实际开发中，我们可以将这两个方法用于接口调用、表单验证等方面。

总结

在本文中，我们详细介绍了 ES10 中新增的字符串方法：trimStart() 和 trimEnd() 方法。这两个方法可以用于去除字符串的开头和结尾的空格，提高代码效率。如果你的浏览器或者 Node.js 版本较老，可能不支持这两个方法，需要注意。

希望本文能够帮助你更好地理解和使用 trimStart() 和 trimEnd() 方法。

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