JavaScript 一直在不断的升级中，不断地为前端开发带来更多更方便的语言特性。ES10（也称为 ECMAScript 2019），在 2019 年发布，为前端开发带来了一些新的特性，其中就包含了 String 的 trimStart() （也称为 trimLeft()）方法。
trimStart() 介绍
trimStart() 方法是用来删除字符串开头的空白字符，它和 trimEnd() 方法不同。trimEnd() 方法用于删除字符串末尾的空白字符。trim() 方法则是用于删除字符串两端的空白字符。
除了 trimStart() 方法，ES10 还增加了其他的新特性，例如 Object.fromEntries()，Array.prototype.flat()，Promise.allSettled() 等，但本文将专注于 String 的 trimStart() 方法。
trimStart() 的使用示例
trimStart() 方法接受一个可选参数，用于指定要从字符串开头删除的字符。如果不传入参数，则默认删除空白字符。如果指定了参数，则会删除指定的字符。以下是使用示例：
const hello = ' hello '
const trimmedStart = hello.trimStart()
console.log(trimmedStart) // 'hello '
const helloWithExclamation = '!!!hello!!!'
const trimmedStartWithExclamation = helloWithExclamation.trimStart('!')
console.log(trimmedStartWithExclamation) // 'hello!!!'在第一个例子中，hello 字符串开头有三个空白字符。使用 trimStart() 方法后，开头的空白字符被删除了。
在第二个例子中，helloWithExclamation 字符串开头和结尾都有三个感叹号，使用 trimStart('!') 方法只删除了开头的三个感叹号。
trimStart() 在实际开发中的应用
在实际开发中，trimStart() 方法可以帮助我们处理用户输入的字符串。例如，在登录页面中，用户可能会误输入了额外的空白字符，导致输入的用户名或密码被拒绝。使用 trimStart() 方法可以轻松地处理这种情况，如下所示：
const username = document.getElementById('username').value.trimStart()
const password = document.getElementById('password').value.trimStart()这是一个简单的示例，使用 trimStart() 方法清理用户输入的空白字符以确保正确处理。
结论
ES10 为前端开发带来了许多有用的新特性，其中包括 String 的 trimStart() 方法。在实际开发中，使用 trimStart() 方法可以更轻松地处理用户输入的字符串，从而提高代码的健壮性。在将来的开发中，我们应该继续关注 JavaScript 的升级和改进，并适时地应用新特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fca1a8447136260170e558