ES10 新增的 String.prototype.trimStart、String.prototype.trimEnd 方法详解
在新的 ECMAScript 2019（ES10）标准中，JavaScript 增加了两个新的字符串方法：String.prototype.trimStart 和 String.prototype.trimEnd。这两个方法可以帮助您更轻松地处理字符串，并减少代码冗余。
这篇文章将详细介绍这两个新方法的使用方法和实际场景，并提供示例代码和实际应用案例，帮助您更好的应用这些新的功能。
String.prototype.trimStart() 方法详解
String.prototype.trimStart() 方法用于删除字符串开头的空格或特定字符。该方法返回一个新的字符串，不会更改原来的字符串。如果字符串没有以指定的字符开始，则不会进行任何更改。
语法：
string.trimStart();
参数：
在当前 ES10 版本下，该方法不支持传递参数。但是在之前的版本中，该方法可传递指定的字符，该字符将从字符串开头移除。
返回值：
该方法返回一个新的字符串，删除字符串开始位置的空格符或指定字符。
以下是一个使用 String.prototype.trimStart() 方法的示例：
let str = ' Hello World '; console.log(str.trimStart());
输出：
'Hello World '
在此示例中， trimStart() 方法移除了字符串开头的三个空格。由于该方法返回副本，原始字符串保持不变，而不影响对其的后续操作。
String.prototype.trimEnd() 方法详解
String.prototype.trimEnd() 方法用于删除字符串结尾的空格或特殊字符。该方法返回一个新的字符串，不会更改原来的字符串。如果字符串没有以指定的字符结束，则不会进行任何更改。
语法：
string.trimEnd();
参数：
在当前 ES10 版本下，该方法不支持传递参数。但是在之前的版本中，该方法可传递指定的字符，该字符将从字符串结尾移除。
返回值：
该方法返回一个新的字符串，删除字符串结尾处的空格符或指定字符。
以下是一个使用 String.prototype.trimEnd() 方法的示例：
let str = ' Hello World '; console.log(str.trimEnd());
输出：
' Hello World'
在此示例中， trimEnd() 方法移除了字符串结尾的三个空格。由于该方法返回副本，原始字符串保持不变，而不影响对其的后续操作。
实际应用场景
String.prototype.trimStart 和 String.prototype.trimEnd 方法最常用的使用场景是在字符串处理过程中删除不必要的空格。
例如，当您从外部文件加载数据并将其放入变量中时，这些字符串可能会包含额外的空格或其他字符，这些字符可能会干扰您的代码。
另一个示例是在处理用户输入时。用户可能会不小心在字符串的开头或结尾添加一个空格符，导致您无法正确处理命令或数据，从而导致错误的输出。
以下是在用户输入处理过程中使用 trimStart 和 trimEnd 方法的示例：
// 获取用户输入并执行命令
let userInput = ' Bold Text ';
if(userInput.trimStart().trimEnd() === 'Bold Text') {
executeCommand('bold');
} else {
alert('Invalid Command: ' + userInput);
}在此示例中，使用 trimStart 和 trimEnd 方法，可以轻松地删除命令名称之前和之后的空格，从而确保您的代码能够正确处理用户输入。
结论
String.prototype.trimStart 和 String.prototype.trimEnd 方法是新的 ECMAScript 2019（ES10）标准的一部分，可以帮助简化您的字符串处理代码，并减少您写的代码量。这两个方法可以在字符串处理和用户输入处理等方面提供有用的功能，而且在实际应用中易于实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f24c93a44b36ee57655c33