给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();
document.write("<br />的时间为" + (et-st) + "毫秒<hr />");
t1.clear();

document.write("<h2>使用普通输出</h2>");
st = new Date();
var s = "";
for (var i=0; i<10000; i++)
{
    s += i;
}
document.write(s);
et = new Date();
document.write("<br />的时间为" + (et-st) + "毫秒");
s = "";
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值