提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JavaScript字符串连接性能优化

JavaScript性能连接 优化 字符串
2023-06-13 09:14:07 时间
复制代码代码如下:

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%以上的时间。

相关文章