开发学院网页设计JavaScript JavaScript中字符串连接性能优化 阅读

JavaScript中字符串连接性能优化

 2010-09-14 13:37:14 来源:WEB开发网   
核心提示:varstr="hello";str+="world";后台所做工作:1)创建存储 "hello" 的字符串,且使 str 指向它,JavaScript中字符串连接性能优化,2)创建存储 "world" 的字符串,3)创建存储结果的字符串,

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 字符串 连接性

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接