在 ECMAScript 2018（也就是 ES9）中，新增了两个字符串方法：trimStart() 和 trimEnd()，用于移除字符串开头和结尾的空格符。这两个方法对于前端开发中的字符串操作十分实用。本文章将对这两个方法的使用注意事项进行详细说明，并提供实例代码进行说明。
方法介绍
trimStart() 方法用于移除字符串开头的空格符，返回一个新字符串。该方法可以接收一个可选参数，用于指定要移除的字符类型，其中会将多个字符类型作为参数进行传递给方法。如果省略该参数，则默认只会移除空格符。
trimEnd() 方法用于移除字符串结尾的空格符，返回一个新字符串。该方法也可以接收一个可选参数，用于指定要移除的字符类型，其中会将多个字符类型作为参数进行传递给方法。如果省略该参数，则默认只会移除空格符。
使用注意事项
1. 参数说明
trimStart() 和 trimEnd() 方法可以接收一个可选参数，用于指定要移除的字符类型。参数包含多个字符类型时，每个字符的位置都会被遍历，直到找到第一个不匹配的字符为止。如果省略该参数，则默认只会移除空格符。
例如，如果要移除开头和结尾的逗号 ,，就需要使用以下参数：
const str = ",, Hello, World! ,,";
console.log(str.trimStart(", ").trimEnd(", "));2. 字符匹配
trimStart() 和 trimEnd() 方法对字符的匹配非常严格。例如，如果要移除的不仅仅是空格，而是包括制表符和换行符，就需要使用如下参数：
const str = " \t\n Hello, World! \n\t ";
console.log(str.trimStart(" \t\n").trimEnd(" \t\n"));需要注意的是，如果使用了样式修饰符如 /g 或 /i，会导致该参数无效，因为该方法并不支持正则表达式作为参数。
3. 兼容性
trimStart() 和 trimEnd() 方法在浏览器中的兼容性不是很好，特别是在低版本的 IE 浏览器中不支持这些方法。所以，在开发中需要注意兼容性问题。
示例代码
下面是一些具有指导意义的示例代码，演示了 trimStart() 和 trimEnd() 方法的使用及注意事项。
-- -------------------- ---- ------- -- -------------- ----- --- - - ------ ------ -- --------------------------------------- -- ------- ----- --- - --- ------ ------ ---- ---------------------------- ------------- ---- -- ------------ ----- --- - - ---- ------ ------ ---- -- --------------------------- ---------------- --------
结论
ES9 中新增的 trimStart() 和 trimEnd() 方法为字符串操作提供了方便和简洁的方式。在开发中，只需要注意参数和兼容性问题，就能够充分发挥这两个方法的优势。在实际应用场景中，可以根据需要选择合适的参数，使用这两个方法去除不必要的字符，使得代码更加简单易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674e920ce884a3e30f283493