ES6+ trim()

1. 前言

本節(jié)介紹 ES6 的字符串新增方法 trim()，該方法會(huì)從一個(gè)字符串的兩端刪除空白字符。在這個(gè)上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行終止符字符（如 LF，CR 等）。

2. 方法詳情

trim() 的方法返回值是去掉兩端空白字符的字符串，并不影響原字符串本身，不接收任何參數(shù)。

使用語法：

str.trim()

在低版本瀏覽器中是不支持這方法的，一版我們會(huì)使用正則的方式去去除字符串兩邊的空格的。

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

3. 使用場(chǎng)景

• 去除字符串兩端的空白字符。

4. 實(shí)例

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()方法衍生出的兩個(gè)方法 trimStart() 和 trimEnd()。 trimStart() 是刪除字符串左邊的空白字符，trimEnd() 是刪除字符串右邊的空白字符。如：

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

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

另外在瀏覽器中我們可以使用 trimStart() 和 trimEnd() 的別名，也能達(dá)到同樣的效果，trimLeft() 是 trimStart() 的別名，trimRight() 是 trimEnd() 的別名。

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

6. 小結(jié)

本節(jié)講解了字符串的 trim() 方法的使用，總結(jié)以下幾點(diǎn)：

• trim 方法會(huì)去除字符串兩邊的空白字符串；
• 如果只去除一般字符串時(shí)可以使用 trimStart() 和 trimEnd()。