日期:2014-05-16  浏览次数:20540 次

[发年终分]给JavaScript加上一个StringBuilder类
最近学习.net的时候,知道了.net中有StringBuilder类来方便频繁的字符串操作,想起java中也有StringBuffer类来创建可修改的字符串序列,何不给自己喜爱的JavaScript也加上这么个功能呢?于是祭起editplus,经过一番努力,终于有了下面的代码,写完之后上网搜了几个别人写的,感觉自己这个可以生成有规则的html代码的功能是别人没有的,所以贴出来给大家拍拍砖。大家有好的实现方法希望能贴出来。
我的电脑的测试结果(重复10000次):在ie7上平均为300/1300ms,在ff2上则为400/250ms。
代码如下:

//-------------------------------------------------
var   StringBuilder   =   function(){
        this._buffer         =   [];
        this._arg1                 =   " ";
        this._arg2                 =   " ";
        if   (arguments.length   >   0)   this._arg1   =   String(arguments[0]);
        if   (arguments.length   >   1)   this._arg2   =   String(arguments[1]);
}
StringBuilder.prototype.append   =   function(str){
//         this._buffer.push(String(str));                                                                 //这个速度没有下面这个快
        this._buffer[this._buffer.length]   =   String(str);
//         this._buffer[this._buffer.length]   =   str;                         //去掉强制转换将更快,但是下面的表格输出就要修改了
}
StringBuilder.prototype.toString   =   function(){
        return   (this._arg2?this._arg1: " ")   +   this._buffer.join(this._arg2   +   this._arg1)   +   this._arg2;
}
StringBuilder.prototype.clear   =   function(){
        this._buffer   =   [];
}
StringBuilder.prototype.add   =   StringBuilder.prototype.append;


//example
var   table         =   new   StringBuilder( " <table   border= '1 '> ", " </table> ");
var   tr                 =   new   StringBuilder( " <tr> ", " </tr> ");
var   td                 =   new   StringBuilder( " <td> ", " </td> ");
for   (var   i=1;   i <10;   i++)
{
        for   (var   j=1;   j <10;   j++)
        {
                td.append(i*j);
        }
        tr.add(td);
        td.clear();
}
table.append(tr);
document.write(table);                 //   =   table.toString()

//speed   test
document.write( " <h2> 使用StringBuilder输出 </h2> ");
var   st   =   new   Date();
var   t1   =   new   StringBuilder();
for   (var   i=0;   i <10000;   i++)
{
        t1.append(i);
}
document.write(t1);
var   et   =   new   Date();