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

  在开发中大家也都会注意尽量使用StringBuilder而不采用普通的字符串拼接方式。但是可能大部分开发者却忽略了js中也需要注意这种效率问题。

  下面进行一项性能测试,用事实来说话!

  

复制代码 代码如下:

  function xntest(){

  var d1=new Date();

  var str="";

  for(var i=0;i<10000;i++){

  str+="stext";

  }

  var d2=new Date();

  document.write("字符串拼接方式耗时:"+(d2.getTime()- d1.getTime())+"毫秒;");

  d1=new Date();

  var sb=new StringBuilder();

  for(var i=0;i<10000;i++){

  sb.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次字符串的性能测试,相信结果大家有目共睹,有兴趣的朋友可以自己测试一下。

  所以 ,在前台开发中我们也应尽量避免大规模的字符串拼接操作,应采用数组方式来合理提高代码效率。