ES10 中的新特性：String.prototype.trimEnd() 方法-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，字符串的处理是一个非常重要的部分。在 ES10 中，新增了一个 String 原型方法 trimEnd()，它可以帮助我们去除字符串末尾多余的空格。

trimEnd() 方法的使用

String.prototype.trimEnd() 方法用于去除字符串末尾的空格。它返回一个新的字符串，其中删除了当前字符串末尾的空格。

语法如下：

str.trimEnd()

参数说明：

无参数

返回值：

返回一个去除末尾空格的新字符串

示例：

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

trimEnd() 方法与其它方法的对比

在 ES5 中，提供了 String.prototype.trim() 方法用于移除字符串的两侧空格，但没办法移除末尾的空格：

const str = '   hello world   '
console.log(str.trim()) // "hello world"

而在 ES10 中，String.prototype.trimEnd() 可以去除末尾的空格：

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

相比而言，trimEnd() 方法的作用更加精准。

trimEnd() 方法的兼容性

虽然 ES10 规范新增了 String.prototype.trimEnd() 方法，但是在浏览器中可能会出现兼容性问题。因此，我们需要使用 polyfill 去模拟该方法：

if (!String.prototype.trimEnd) {
  String.prototype.trimEnd = function () {
    return this.replace(/[\s\uFEFF\xA0]+$/, '');
  };
}

总结

String.prototype.trimEnd() 方法是 ES10 新增的一个非常实用的方法，可以方便地去除字符串末尾的多余空格。虽然具有一定的兼容性问题，但借助 polyfill，我们可以使其兼容更多的浏览器。对于需要处理字符串的前端开发人员来说，这个新特性是一个非常好的补充，值得学习和使用。

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