JavaScript中字符串连接性能优化
2010-09-14 13:37:14 来源:WEB开发网varstr="hello";
str+="world";
后台所做工作:
1)创建存储 "hello" 的字符串,且使 str 指向它。
2)创建存储 "world" 的字符串。
3)创建存储结果的字符串。
4)将 str 中的当前内容复制到结果字符串中。
5)把 world 复制到结果字符串中。
6)更新 str ,使 str 指向结果字符串。
每拼接一次字符串就循环重复2)~6),如果重复成百上千次则会非常消耗资源,影响性能。
解决方法:
使用 Array 对象存储字符串,之后使用 join()方法输出结果。
仿照 Java 中的 StringBuffer 类。
functionStringBuffer(){
this._strings=newArray;
}
StringBuffer.prototype.append=function(str){
this._strings.push(str);
}
StringBuffer.prototype.toString=function(){
returnthis._strings.join("");
}
测试性能:
代码1:使用 "+=" 拼接字符串
vard=newDate();
varstr="";
for(vari=0;i<10000;i++){
str+="test";
}
vard2=newDate();
document.writeln(d2.getTime()-d.getTime());
代码2:使用 StringBuffer
vard=newDate();
varstr=newStringBuffer();
for(vari=0;i<10000;i++){
str.append("test");
}
varres=str.toString();
vard2=newDate();
document.writeln(d2.getTime()-d.getTime());
从多次测试结果看来,使用StringBuffer 可以节省50%以上的时间。
Tags:JavaScript 字符串 连接性
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接