JavaScript 是目前最为流行的编程语言之一，而前端开发则是 JS 的重要应用领域之一。丰富的语言特性让 JavaScript 可以支持各种各样的编程风格，同时也让其语言规范得到了多次的升级。ES6、ES7、ES8、ES9 和 ES10 等版本都在持续地增加、改进 JavaScript 的特性。
ES10 发布于 2019 年 6 月，本篇文章主要介绍 ES10 中新增的 String.prototype.{trimStart, trimEnd} 方法的使用教程，这些方法旨在简化字符串操作的语法和逻辑，方便开发者快速处理不同的字符串需求。
trimStart 和 trimEnd 方法简介
在前端开发中，字符串的末尾和开头可能会包含多余的空格、换行符等不必要字符。这些字符不仅占用内存，而且在字符串比较、格式化等操作时也会影响结果的正确性。
在 ES10 中，新增了 String.prototype.{trimStart, trimEnd} 两个方法，用于去除字符串的首尾空白字符（Whitespace Characters），其中 trimStart 方法表示去掉字符串开头的空白字符，trimEnd 方法表示去掉字符串末尾的空白字符。
这两个方法的返回值是新的字符串副本，不会修改原始字符串。
trimStart 和 trimEnd 方法的使用示例
接下来我们来看一些具体的使用示例，这些例子展示了如何运用 trimStart 和 trimEnd 方法来处理字符串的空白字符问题。
示例 1：去掉字符串开头和末尾的空白字符
const str = ' Hello, World! '; console.log(str.trimStart()); // "Hello, World! " console.log(str.trimEnd()); // " Hello, World!" console.log(str.trim()); // "Hello, World!"
在这个示例中，我们创建了一个包含首尾空白字符的字符串，并使用了 trimStart 和 trimEnd 方法来去掉开头和末尾的空白字符。注意到我们还使用了 trim 方法，它可以同时去掉字符串的首尾空白字符。
示例 2：去掉字符串中间的空白字符
const str = 'JavaScript is a powerful programming language!';
const newStr = str.replace(/\s/g, ''); // or use str.split(' ').join('');
console.log(newStr); // "JavaScriptisapowerfulprogramminglanguage!"在这个示例中，我们找到了一种去掉字符串中间的空白字符的方法。我们使用了 replace 方法和正则表达式 /\s/g，从而将所有空格和换行符替换为空字符串。此外，我们还可以使用 split 方法和 join 方法，将字符串分割成数组，在强制合并为新字符串。
示例 3：去掉字符串中间的指定字符
const str = 'a-b-c-d';
const newStr = str.split('-').join('');
console.log(newStr); // "abcd"类似于示例 2，我们使用了 split 方法和 join 方法，将字符串分割成为数组，并根据分割符（-）后再强制合并为新字符串。需要注意的是，split 方法是分割字符串的常用方法，其效率和易用性都比较高，但在处理复杂的字符串问题时，建议使用正则表达式。
示例 4：判断字符串开头和末尾是否为指定字符
const str = 'Hello, World!';
const startsWithH = str.startsWith('H');
const endsWithExclamation = str.endsWith('!');
console.log(startsWithH); // true
console.log(endsWithExclamation); // true在这个示例中，我们使用了 startsWith 和 endsWith 方法，分别检查字符串的开头和末尾是否为指定字符。如果字符串满足指定条件，则返回 true；否则返回 false。
示例 5：判断字符串中是否包含指定字符
const str = 'Hello, World!';
const containsHello = str.includes('Hello');
console.log(containsHello); // true在这个示例中，我们使用了 includes 方法，判断字符串中是否包含指定字符。如果字符串包含指定字符，则返回 true；否则返回 false。
总结
以上就是 ES10 中新增的 String.prototype.{trimStart, trimEnd} 方法的使用教程，这些方法通过简单且优雅的语法方式，使得字符串操作变得更加容易和有效。同时，我们刻意多举了几个例子，旨在让读者对字符串的操作有更深入的理解和认识。
值得注意的是，字符串的操作是一个庞杂且广泛的话题。了解和掌握字符串特性、规范和操作技巧，是每一位前端开发者都需要具备的基本技能。希望这篇文章对您有所启发和帮助，更多优秀的前端技术文章敬请关注我们的博客。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cb52335ad90b6d041fdf6d