ES10 中新增的 String.trimEnd() 方法详解-JavaScript中文网-JavaScript教程资源分享门户

在 ES10 中，JavaScript 引入了 String.trimEnd() 方法，该方法可以去除字符串结尾处的空格和换行符。这使得我们可以更轻松地处理字符串，并提高代码可读性。本篇文章就来详细介绍一下 String.trimEnd() 方法的用法和实际应用。

语法

String.trimEnd() 方法的语法如下：

str.trimEnd();

其中，str 为一个字符串，该方法返回一个已去除结尾空格和换行符的新字符串。

功能

String.trimEnd() 方法的功能相当于 String.trim() 方法，只不过它是专门用来去除字符串结尾处的空格和换行符的。String.trim() 方法则是去除字符串首尾处的空格和换行符。

用法举例

例 1：去除结尾的空格和换行符

下面是一个简单的例子，演示如何使用 String.trimEnd() 方法去除字符串结尾处的空格和换行符：

const str = 'Hello, World! \n    ';
const trimmed = str.trimEnd();
console.log(trimmed); // 输出：Hello, World!

在上面的例子中，我们首先定义了一个字符串变量 str，它包含了一个换行符和一些结尾空格。然后，我们使用 String.trimEnd() 方法去除结尾处的空格和换行符，得到了一个不含空格和换行符的新字符串。

例 2：去除多行文本的结尾空格和换行符

String.trimEnd() 方法不仅可以用来去除单行文本的结尾空格和换行符，还可以用来去除多行文本的结尾空格和换行符。

const str = `
    Hello, World!
    I am a multi-line string.
    `;
const trimmed = str.trimEnd();
console.log(trimmed); // 输出：(去除了最后一行的结尾空格和换行符）
/*
Hello, World!
I am a multi-line string.
*/

在上面的例子中，我们定义了一个多行字符串变量 str，并使用 String.trimEnd() 方法去除结尾处的空格和换行符。最终，我们得到了一个不含结尾空格和换行符的新字符串。

例 3：用 String.trimEnd() 格式化字符串

String.trimEnd() 方法还可以用来格式化字符串。我们可以通过该方法去除多行文本的结尾空格和换行符，并在每行之间添加一些字符。

const str = `
    Hello, World!
    I am a multi-line string.
    `;
const formatted = str
  .trimEnd()
  .replace(/\n/g, '\n\t- ');
console.log(formatted); // 输出：（每行之前添加了“- ”）
/*
Hello, World!
    - I am a multi-line string.
*/

在上面的例子中，我们通过 String.trimEnd() 去除了结尾的空格和换行符，并用 replace() 方法在每一行之前添加了“- ”字符，从而用一种更直观的方式呈现了多行字符串。

总结

String.trimEnd() 方法是 ES10 中一个非常实用的新特性。它可以帮助我们更轻松地处理字符串，提高代码可读性。本文介绍了该方法的语法、功能和使用方法，并通过几个简单的例子演示了它的实际应用。希望对您有所帮助！

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