Javascript中各种trim的实现

说到trim，其实这真的让无数前端郁闷。比如在处理input框里内容的时候，都会需要处理input内容的左右空格。但让人郁闷的是，String里居然没有原生方法，而每个人的实现方法都会不一样，效率也各有不同。

但是，新版的ECMA-262里已经表示有此方法了：

ECMA-262(V5)

15.5.4.20   String.prototype.trim ( )

The following steps are taken:

1.   Call CheckObjectCoercible passing the this value as its argument.
2.   Let S be the result of calling ToString, giving it the this value as its argument.
3.   Let T be a String value that is a copy of S with both leading and trailing white space removed. The definition
     of white space is the union of  WhiteSpace and LineTerminator .
4.   Return T.

NOTE           The trim function is intentionally generic; it does not require that its this value be a String object. Therefore, it
can be transferred to other kinds of objects for use as a method.

 

本文摘自http://www.cnblogs.com/snandy/archive/2011/02/26/1965866.html，只是经过我自己的整理了啦。

第一种：这种是大多数人都会写的，也是流传最多的代码了吧？

JavaScript代码

String.prototype.trim = function() {
    //return this.replace(/[(^\s+)(\s+$)]/g,"");//會把字符串中間的空白符也去掉
    //return this.replace(/^\s+|\s+$/g,""); //
    return this.replace(/^\s+/g,"").replace(/\s+$/g,"");
}

第二种：来自motools：

JavaScript代码

function trim(str){
    return str.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');
}

第三种：这是jQuery的，jquery的方法类似于第一种：

JavaScript代码

function trim(str){
    return str.replace(/^(\s|\u00A0)+/,'').replace(/(\s|\u00A0)+$/,'');
}

 

第四种是来自所摘博客中最写的：Steven Levithan 在进行性能测试后提出了在JS中执行速度最快的裁剪字符串方式，在处理长字符串时性能较好：

JavaScript代码

function trim(str){
    str = str.replace(/^(\s|\u00A0)+/,'');
    for(var i=str.length-1; i>=0; i--){
        if(/\S/.test(str.charAt(i))){
            str = str.substring(0, i+1);
            break;
        }
    }
    return str;
}

 

博客中还写了这么一点，那就是Molliza Gecko 1.9.1引擎中还给String添加了trimLeft ，trimRight 方法。

这让我想起了PHP的代码，比如ltrim,rtrim,trim之类的

评论

6 楼 timetenplus 2011-06-21  

linvar 写道

String.prototype.trim = function(){
      return this.replace(/^\s+|\s+$/, '');
      //or return this.replace(/^\s+(.*)\s+$/, "$1");
 }

//or return this.replace(/^\s+(.*)\s+$/, "$1");
《JavaScript高级程序设计》里的trim实现就是这个,但是仔细看了下,其实是有问题的.需要改成这样：or return this.replace(/^\s+(.*)\s*$/, "$1");

把最后那个"+"改成"*"号。

"+"的情况对于字符串末尾有空格的是可以的，对于一个只有开始有空白字符，结尾没有空白字符的字符串是起不了作用的。

5 楼 depravedangel 2011-03-22  

简单说一句，第一种跟第三种一样么？不知道楼主测过没有......

4 楼 hijk123456789 2011-03-14  

3 楼 java_xiaoyi 2011-03-07  

管他新帖老铁，能学到东西就是好铁。。。呵呵

2 楼 linvar 2011-03-03  

String.prototype.trim = function(){
      return this.replace(/^\s+|\s+$/, '');
      //or return this.replace(/^\s+(.*)\s+$/, "$1");
 }

1 楼 xiaohui886688 2011-03-02  

  
试试看看。