javascript里的StringBuilder

 

听闻IE下面使用javascript多次拼接一个String会带来很严重的性能问题，于是就做了一个简单的测试。

测试内容，进行10000次字符串的拼接操作，实现代码：

var sTest = '';
var d1 = (new Date()).getTime();
for(var i=0;i<10000;i++){
    sTest += 'test';
}
var d2 = (new Date()).getTime();
document.writeln('common method : '+ (d2-d1).toString());

 

测试数据：

IE  common method : 422

FireFox  common method : 62

测试结果表明：在本次测试中Firefox以优异的性能胜出，而IE的表现则奇差无比。事实证明，IE不但在DOM标准的实现上面远远落后，而且很多处理js的方式，导致js在IE中的运行效率及其低下。所以，建议以后的所有Web2.0站点都使用Firefox进行浏览。

对于IE这种问题，可以自己构建一个StringBuilder类来解决，实现代码：

var StringBuilder = function(){
    this._sArray = new Array();
}
StringBuilder.prototype.append = function(str){
    this._sArray.push(str);
}
StringBuilder.prototype.toString = function(){
    return this._sArray.join('');
}

测试代码：

 

d1 = (new Date()).getTime(); 
var sb = new StringBuilder();
for(var i=0;i<10000;i++){
sb.append(’test2′);
}
sTest = sb.toString();
d2 = (new Date()).getTime();
document.writeln(’StringBuilder method : ‘+ (d2-d1).toString());

 

重新测试结果：

IE  StringBuilder method : 94

FireFox  StringBuilder method : 63

对于IE来说，好像String拼接的低效问题得到了比较好的解决，而对于Firefox来说，效果微乎其微，因为FireFox本来就没有这样的问题。