您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

ES6+ trim()

本节介绍 ES6 的字符串新增 trim(),该会从字符串的两端空白字符。个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符(如 LF,CR 等)。

trim() 的返回值是去掉两端空白字符的字符串,并不影响原字符串本身,不接收任何参数。

使用语法:

str.trim()

在低版本浏览器中是这的,一版我们会使用正则的方式去字符串两边的空格的。

if (!String.prototype.trim) {
    String.prototype.trim = function () {
        return this.replace(/^\s+|\s+$/gm, '');
    }
}

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'

通过 trim()衍生出的两个 trimStart()trimEnd()trimStart() 是左边的空白字符,trimEnd() 是右边的空白字符。如:

const str = '  imooc  ';
str.trim() 			// "imooc"
str.trimStart() 	// "imooc  "
str.trimEnd() 		// "  imooc"

trimStart() 把 str 左边的空白字符去掉了,trimEnd() 把 str 右边的空白字符去掉了。

另外在浏览器中我们可以使用 trimStart()trimEnd() 的别名,也能达到同样的,trimLeft()trimStart() 的别名,trimRight()trimEnd() 的别名。

const str = '  imooc  ';
str.trimLeft() 		// "imooc  "
str.trimRight() 	// "  imooc"

本节讲解了字符串的 trim() 的使用,总结以下几点:


联系我
置顶