ES6+ trim()
1. 前言
本节介绍 ES6 的字符串新增 方法 trim() ,该 方法 会从 一个 字符串的两端 删除 空白字符。 在这 个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符(如 LF,CR 等)。
2. 方法 详情
trim() 的 方法 返回值是去掉两端空白字符的字符串,并不影响原字符串本身,不接收任何参数。
使用语法:
str . trim ( )
在低版本浏览器中是 不支持 这 方法 的,一版我们会使用正则的方式去 去除 字符串两边的空格的。
if ( ! String . prototype . trim ) { String . prototype . trim = function ( ) { return this . replace ( /^\s+|\s+$/gm , '' ) ; } }
3. 使用场景
去除 字符串两端的空白字符。
4. 实例
1. 删除 前后的空白字符。
var str = ' foo ' ; console . log ( str . trim ( ) ) ; // 'foo'
2. 如果字符串只有一边有空白字符,则只 删除 一边的空白字符。
var str = 'foo ' ; console . log ( str . trim ( ) ) ; // 'foo' var str = ' foo' ; console . log ( str . trim ( ) ) ; // 'foo'
5. 拓展
通过 trim() 方法 衍生出的两个 方法 tr ims tart() 和 trimEnd() 。 tr ims tart() 是 删除字符串 左边的空白字符, trimEnd() 是 删除字符串 右边的空白字符。如:
const str = ' imooc ' ; str . trim ( ) // "imooc" str . tr ims tart ( ) // "imooc " str . trimEnd ( ) // " imooc"
tr ims tart() 把 str 左边的空白字符去掉了, trimEnd() 把 str 右边的空白字符去掉了。
另外在浏览器中我们可以使用 tr ims tart() 和 trimEnd() 的别名,也能达到同样的 效果 , trimLeft() 是 tr ims tart() 的别名, trimRight() 是 trimEnd() 的别名。
const str = ' imooc ' ; str . trimLeft ( ) // "imooc " str . trimRight ( ) // " imooc"
6. 小结
本节讲解了字符串的 trim() 方法 的使用,总结以下几点:
trim 方法 会 去除 字符串两边的空白字符串; 如果只 去除 一般字符串时可以使用 tr ims tart() 和 trimEnd() 。