您好,欢迎访问一九零五行业门户网

javascript中字符串拼接需注意的问题_javascript技巧

在开发中大家也都会注意尽量使用stringbuilder而不采用普通的字符串拼接方式。但是可能大部分开发者却忽略了js中也需要注意这种效率问题。
下面进行一项性能测试,用事实来说话!
复制代码 代码如下:
function xntest(){
var d1=new date();
var str=;
for(var i=0;istr+=stext;
}
var d2=new date();
document.write(字符串拼接方式耗时:+(d2.gettime()- d1.gettime())+毫秒;);
d1=new date();
var sb=new stringbuilder();
for(var i=0;isb.append(stext);
}
var result=sb.tostring();
d2=new date();
document.write(数组方式耗时:+(d2.gettime()- d1.gettime())+毫秒;);
}
/////利用array实现的字符串拼接函数,为方便c#开发者特意取名stringbuilde以便于理解
function stringbuilder(){
this._strings_=new array;
}
stringbuilder.prototype.append=function(str){
this._strings_.push(str);
};
stringbuilder.prototype.tostring=function(){
return this._strings_.join();
};
三次执行 xntest()函数后的结果为:
字符串拼接方式耗时:735毫秒;数组方式耗时:62毫秒;
字符串拼接方式耗时:766毫秒;数组方式耗时:63毫秒;
字符串拼接方式耗时:703毫秒;数组方式耗时:63毫秒;
此例是拼接10000次字符串的性能测试,相信结果大家有目共睹,有兴趣的朋友可以自己测试一下。
所以 ,在前台开发中我们也应尽量避免大规模的字符串拼接操作,应采用数组方式来合理提高代码效率。
其它类似信息

推荐信息