一步步教您 ES9 中字符串修剪新特性

在 ES9 中引入了新的字符串修剪（trimming）特性，允许我们使用 trimStart() 和 trimEnd() 方法从字符串的开头或结尾移除空格或其他特定字符。 以下是本文将会涵盖的主要内容：

• 什么是字符串修剪？
• trimStart() 方法的使用场景
• trimEnd() 方法的使用场景
• 示例代码和演示

什么是字符串修剪？

在 JavaScript（以及许多其他编程语言）中，字符串的两侧可能会有多余的空格或其他不可见字符，这些字符可能会干扰我们处理字符串时编写的代码。在以往的版本中，我们需要手动使用 trim() 方法将字符串的两侧空格或其他特定字符去除。

在 ES9 中，引入了名为 trimStart() 和 trimEnd() 的新方法，它们可以方便地移除字符串开头或结尾的空白或特定字符。这些方法返回新字符串，并不会修改原始字符串。

trimStart() 方法的使用场景

trimStart() 方法接收一个可选参数，指定要从字符串开头移除的特定字符。如果未指定任何参数，则该方法将默认为移除所有空格和不可见字符。

以下是 trimStart() 方法的示例代码：

const name = " John ";
const trimmedName = name.trimStart();
console.log(trimmedName); // "John "

在上面的示例代码中，我们首先定义了一个带有前导和尾随空格的字符串 name，然后使用 trimStart() 方法将其前导空格删除，并将结果分配给 trimmedName 变量。最后，我们使用 console.log() 打印 trimmedName 变量，以检查是否已成功去除前导空格。

如果我们需要指定要移除的特定字符，则可以将该字符作为 trimStart() 方法的参数传递。例如：

const name = "----John";
const trimmedName = name.trimStart('-');
console.log(trimmedName); // "John"

在这个例子中，我们使用 trimStart() 方法移除了字符串 name 开头的“-”字符，并将结果分配给 trimmedName 变量。最后，我们打印 trimmedName 变量，以检查剩下的字符串是否正确。

trimEnd() 方法的使用场景

与 trimStart() 方法类似，trimEnd() 方法也接收一个可选参数，指定要从字符串结尾移除的特定字符。如果未指定任何参数，则该方法将默认为移除所有空格和不可见字符。

以下是 trimEnd() 方法的示例代码：

const name = " John ";
const trimmedName = name.trimEnd();
console.log(trimmedName); // " John"

在上面的示例代码中，我们首先定义了一个带有前导和尾随空格的字符串 name，然后使用 trimEnd() 方法将其尾随空格删除，并将结果分配给 trimmedName 变量。最后，我们使用 console.log() 打印 trimmedName 变量，以检查是否已成功删除前导空格。

如果需要指定要移除的特定字符，则可以将该字符作为 trimEnd() 方法的参数传递。例如：

const name = "John----";
const trimmedName = name.trimEnd('-');
console.log(trimmedName); // "John"

在这个例子中，我们使用 trimEnd() 方法移除了字符串 name 结尾的“-”字符，并将结果分配给 trimmedName 变量。最后，我们打印 trimmedName 变量，以检查剩余的字符串是否正确。

示例代码和演示

下面的示例代码演示了如何在 JavaScript 中使用 trimStart() 和 trimEnd() 方法来移除字符串的前导和尾随空格。

示例代码：

const name = "   John    ";
const trimmedName1 = name.trimStart();
const trimmedName2 = name.trimEnd();
const trimmedName3 = name.trim();

console.log(trimmedName1); // "John    "
console.log(trimmedName2); // "   John"
console.log(trimmedName3); // "John"

在上面的示例代码中，我们首先定义了一个字符串 name，其中包含前导和尾随空格。接着，我们使用三种不同的方法分别将其前导和尾随空格删除，即 trimStart()，trimEnd() 和 trim()。

最后，我们使用 console.log() 打印三个新字符串，并检查它们在去除空格方面的差异。在第一条打印语句中，我们可以看到只有 trimStart() 方法去除了前导空格，第二条打印语句中只有 trimEnd() 方法去除了尾随空格，而在第三种情况下，我们使用 trim() 方法移除了所有空格。

通过上面的实例代码，我们可以清晰地了解 trimStart() 和 trimEnd() 方法的用法和应用场景，也可以更好地理解字符串修剪的作用和价值。

结论

本文中，我们介绍了 ES9 中的字符串修剪新特性，讲解了 trimStart() 和 trimEnd() 方法的用法和应用场景，并给出了示例代码和演示。通过学习本文，您应该已经了解了如何在 JavaScript 中使用这些新的字符串修剪方法，并将其应用于更复杂的应用程序中，从而提高代码的可读性、可维护性和性能。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675196158bd460d3ad8af3db