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()
的使用,总结以下几点: