JavaScript去掉空格的方法集合
2024-05-06 14:25:56
供稿：网友
实现1
代码如下:
String.prototype.trim = function () {
return this .replace(/^/s/s*/, '' ).replace(//s/s*$/, '' );
}
看起来不怎么样，动用了两次正则替换，实际速度非常惊人，主要得益于浏览器的内部优化。一个著名的例子字符串拼接，直接相加比用Array做成的StringBuffer还快。base2类库使用这种实现。
实现2
代码如下:
String.prototype.trim = function () {
return this .replace(/^/s+/, '' ).replace(//s+$/, '' );
}
和实现1很相似，但稍慢一点，主要原因是它最先是假设至少存在一个空白符。Prototype.js使用这种实现，不过其名字为strip，因为Prototype的方法都是力求与Ruby同名。
实现3
代码如下:
String.prototype.trim = function () {
return this .substring(Math.max( this .search(//S/), 0), this .search(//S/s*$/) + 1);
}
以截取方式取得空白部分（当然允许中间存在空白符），总共调用了四个原生方法。设计得非常巧妙，substring以两个数字作为参数。Math.max以两个数字作参数，search则返回一个数字。速度比上面两个慢一点，但比下面大多数都快。
实现4
代码如下:
String.prototype.trim = function () {
return this .replace(/^/s+|/s+$/g, '' );
}
这个可以称得上实现2的简化版，就是利用候选操作符连接两个正则。但这样做就失去了浏览器优化的机会，比不上实现3。由于看来很优雅，许多类库都使用它，如JQuery与mootools
实现5
代码如下:
String.prototype.trim = function () {
var str = this ;
str = str.match(//S+(?:/s+/S+)*/);
return str ? str[0] : '' ;
}
match是返回一个数组，因此原字符串符合要求的部分就成为它的元素。为了防止字符串中间的空白符被排除，我们需要动用到非捕获性分组（?:exp）。由于数组可能为空，我们在后面还要做进一步的判定。好像浏览器在处理分组上比较无力，一个字慢。所以不要迷信正则，虽然它基本上是万能的。
实现6
代码如下:
String.prototype.trim = function () {
return this .replace(/^/s*(/S*(/s+/S+)*)/s*$/, '$1' );
}
把符合要求的部分提供出来，放到一个空字符串中。不过效率很差，尤其是在IE6中。
实现7
代码如下:
String.prototype.trim = function () {
return this .replace(/^/s*(/S*(?:/s+/S+)*)/s*$/, '$1' );
}
和实现6很相似，但用了非捕获分组进行了优点，性能效之有一点点提升。
实现8
代码如下:
String.prototype.trim = function () {
return this .replace(/^/s*((?:[/S/s]*/S)?)/s*$/, '$1' );
}
沿着上面两个的思路进行改进，动用了非捕获分组与字符集合，用?顶替了*，效果非常惊人。尤其在IE6中，可以用疯狂来形容这次性能的提升，直接秒杀火狐。
实现9
代码如下:
