在 ECMAScript 2020 中引入的两个新方法 String.prototype.trimStart 和 String.prototype.trimEnd，分别用于消除字符串开头和结尾的空字符。在传统的 JavaScript 中，大多数开发者会使用 String.prototype.trim 方法来消除字符串两端的空字符。但是，这个方法只能消除两端的空字符，而不能消除字符串开头或结尾的空字符。现在，通过这两个新的方法，我们可以更方便地消除字符串开头或结尾的空字符。本文将介绍这两个新的方法，并提供一些示例代码。
String.prototype.trimStart 方法
String.prototype.trimStart 方法用于删除字符串开头的空格字符。它返回一个新的字符串，该字符串是原始字符串的副本，但开头的空格字符已被删除。
const str = ' hello world '; const newStr = str.trimStart(); console.log(newStr); // "hello world "
上述示例代码中，原始字符串包含开头和结尾的空格字符。我们使用 String.prototype.trimStart 方法来消除开头的空格字符，然后将新字符串存储在变量 newStr 中。
String.prototype.trimEnd 方法
String.prototype.trimEnd 方法用于删除字符串结尾的空格字符。它返回一个新的字符串，该字符串是原始字符串的副本，但结尾的空格字符已被删除。
const str = ' hello world '; const newStr = str.trimEnd(); console.log(newStr); // " hello world"
上述示例代码中，原始字符串包含开头和结尾的空格字符。我们使用 String.prototype.trimEnd 方法来消除结尾的空格字符，然后将新字符串存储在变量 newStr 中。
深入学习
除了以上简单的用法之外，我们还可以使用这两个方法来实现一些更高级的功能。例如，我们可以使用 String.prototype.trimStart 方法来删除 URL 中的协议前缀。
const url = 'https://www.example.com'; const newUrl = url.replace(/^https?:\/\//i, '').trimStart(); console.log(newUrl); // "www.example.com"
上述示例代码中，我们首先使用正则表达式来匹配 URL 的协议前缀（包括 http 和 https）。然后，我们使用 String.prototype.replace 方法来删除协议前缀，最后使用 String.prototype.trimStart 方法来删除字符串开头的空格字符。
同样的，String.prototype.trimEnd 方法也可以用于删除文件扩展名。例如：
const filename = 'example.html'; const newFilename = filename.slice(0, -5).trimEnd(); console.log(newFilename); // "example"
上述示例代码中，我们首先使用 String.prototype.slice 方法来获取文件名（即去除文件扩展名的字符串）。然后，我们使用 String.prototype.trimEnd 方法来删除字符串结尾的空格字符。
指导意义
使用 String.prototype.trimStart 和 String.prototype.trimEnd 方法不仅能使我们更方便地消除字符串开头和结尾的空字符，还能帮助我们实现许多更高级的功能。了解这两个方法的用法和实际应用场景，可以使我们的前端开发工作更加高效和便捷。
总结
在本文中，我们深入了解了 ECMAScript 2020 中引入的两个新方法 String.prototype.trimStart 和 String.prototype.trimEnd。我们展示了这两个方法的用法，并提供了一些实际的应用示例。通过学习这些内容，我们可以在我们的前端开发工作中更好地使用这两个新的方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65290aa07d4982a6ebb9daea