在 JavaScript ES9 中, String 对象上新增了两个方法: trimStart()
和 trimEnd()
。这两个方法的功能分别是移除字符串开头和结尾的空白字符。这篇文章将详细介绍这两个方法的用法、示例和指导意义。
trimStart() 方法
trimStart()
方法用于移除字符串开头的空白字符,返回的是一个新的字符串,原始字符串并不会被改变。该方法支持的空白字符包括:空格、制表符、垂直制表符、换行符、回车符和 Unicode 空格字符。
const str = ' hello world '; console.log(str.trimStart()); // "hello world " console.log(str); // " hello world "
在上面的示例中,原来的字符串 str
中开头有三个空格,通过 trimStart()
方法移除掉之后,返回的新字符串变成了没有前导空格的字符串 "hello world "
,而原始字符串 str
并没有被改变。
trimEnd() 方法
trimEnd()
方法用于移除字符串末尾的空白字符,返回的也是一个新的字符串,原始字符串同样不会被改变。该方法支持的空白字符和 trimStart()
方法一样。
const str = ' hello world '; console.log(str.trimEnd()); // " hello world" console.log(str); // " hello world "
在上面的示例中,原来的字符串 str
中末尾有三个空格,通过 trimEnd()
方法移除掉之后,返回的新字符串变成了没有后置空格的字符串 " hello world"
,而原始字符串 str
仍然保持不变。
指导意义
trimStart()
和 trimEnd()
方法对于处理从后台接收的数据、处理用户输入的字符串以及在字符串之间进行比较等情况时非常有用。这两个方法可以使代码更加优雅和简洁,并且避免了手动去截取和判断字符串的空白字符的繁琐操作。
在使用这两个方法时需要注意,支持这两个方法的浏览器和 JavaScript 引擎的版本需要至少在 ES9 及以上。如果要支持低版本的浏览器和引擎,可以考虑使用 polyfill 或者自己手动实现这两个方法。
-- -------------------- ---- ------- -- ----------------------------- - -------------------------- - ---------- - ------ -------------------- ---- -- - -- --------------------------- - ------------------------ - ---------- - ------ -------------------- ---- -- -
结论
trimStart()
和 trimEnd()
方法是 JavaScript ES9 新增的两个字符串实例方法,用于移除字符串开头和结尾的空白字符。这两个方法可以让代码更加优雅、简洁,并且可以避免手动截取和判断字符串的空白字符。当需要兼容低版本的浏览器和 JavaScript 引擎时,可以使用 polyfill 或者手动实现这两个方法。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67011b910bef792019b1ec46