在前端开发中，我们经常需要快速处理字符串。ES8 新增了两个实例方法，分别是 String.prototype.trimEnd() 和 String.prototype.trimStart()，可以帮助我们简化字符串操作的代码。本文将详细介绍这两个方法的用法，并提供示例代码以帮助您更好地理解和学习这两个方法。
String.prototype.trimEnd() 方法
该方法用于去除字符串末尾的空格或指定字符。下面是该方法的语法：
stringObject.trimEnd([chars])
其中，stringObject 表示要操作的字符串，chars 表示要去除的字符。如果没有传入 chars 参数，则默认去除字符串末尾的空格。
const str = ' Hello World! ';
console.log(str.trimEnd()); // " Hello World!"
console.log(str.trimEnd('! ')) // " Hello World"在上面的例子中，trimEnd() 方法去除了字符串 str 末尾的空格，所以第一个 console.log() 方法输出了去除空格后的字符串 Hello World!。第二个 console.log() 方法传入了参数 ! ，表示去除字符串末尾的空格和 ! 字符，所以输出的字符串为 Hello World。
String.prototype.trimStart() 方法
该方法用于去除字符串开头的空格或指定字符。下面是该方法的语法：
stringObject.trimStart([chars])
其中，stringObject 表示要操作的字符串，chars 表示要去除的字符。如果没有传入 chars 参数，则默认去除字符串开头的空格。
const str = ' Hello World! ';
console.log(str.trimStart()); // "Hello World! "
console.log(str.trimStart(' ,')) // "Hello World! "在上面的例子中，trimStart() 方法去除了字符串 str 开头的空格，所以第一个 console.log() 方法输出了去除空格后的字符串 Hello World! 。第二个 console.log() 方法传入了参数 ,，表示去除字符串开头的空格和 , 字符，但因为开头并没有 , 字符，所以输出的字符串和第一个例子相同。
实际应用
使用 trimEnd() 和 trimStart() 方法可以帮助我们更简洁地处理字符串，代码更易读和维护。下面是一个实际的应用场景：
const strList = ['hello ', ' world ', ' !', ' '];
const formattedList = strList.map(str => {
return str.trimStart().trimEnd(); // 去除字符串开头和末尾的空格
});
console.log(formattedList); // ["hello", "world", "!", ""];在上面的例子中，我们有一个字符串数组 strList，其中的字符串包含了不必要的空格。我们使用 map() 方法遍历数组，每次取出一个字符串，使用 trimStart() 和 trimEnd() 方法去除字符串开头和末尾的空格，最后返回一个包含处理过的字符串的新数组。通过这种方式，我们能够快速地处理字符串数组中的每一个字符串。
总结
使用 ES8 的 String.prototype.trimEnd() 和 String.prototype.trimStart() 方法可以帮助我们更简洁和易读地处理字符串。本文详细介绍了这两个方法的用法，并提供了实际的应用场景。希望通过这篇文章，您能够更深入地了解这两个方法，并在日常的前端开发中更加熟练地应用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ccd1fd5ad90b6d042ca26e