第一種：用連接符“+”連接字符串

超過10年行業(yè)經驗，技術領先，服務至上的經營模式，全靠網絡和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務范圍包括了：成都做網站、網站建設、外貿營銷網站建設，成都網站推廣，成都網站優(yōu)化，整體網絡托管，微信小程序開發(fā)，微信開發(fā)，app軟件開發(fā)，同時也可以讓客戶的網站和網絡營銷和我們一樣獲得訂單和生意！

str="a";
str+="b";

這種方法相對以下兩種，最便捷快速。建議100字符以下的連接使用這種連接方式。

第二種：以數(shù)組作為中介，使用jion函數(shù)進行連接

var arr=new Array();
arr.push(a);
arr.push(b);
var str=arr.join("");

第三種：利用對象屬性連接字符串

function stringConnect(){
  this._str_=new Array();
}
stringConnect.prototype.append=function(a){
  this._str_.push(a);
}
stringConnect.prototype.toString=function(){
  return this._str_.join();
}
  var mystr=new stringConnect;
  mystr.append("a");
  var str=mystr.toString(); 

利用下面代碼對三種方法性能進行比較，通過更改 c 的值來調整連接字符串的個數(shù)：

var str="";
var d1,d2;
var c=5000;//連接字符串的個數(shù)
//------------------------測試第三種方法耗費時間-------
 d1=new Date();
function stringConnect(){
  this._str_=new Array();
}
stringConnect.prototype.append=function(a){
  this._str_.push(a);
}
stringConnect.prototype.toString=function(){
  return this._str_.join("");
}
  var mystr=new stringConnect;

  for(var i=0;i<c;i++){
    mystr.append("a");
  }
str=mystr.toString();
 d2=new Date();
 console.log(d2.getTime()-d1.getTime());
//-----------------------------------------------------

//------------------------測試第二種方法耗費時間-------
d1=new Date();
  var arr=new Array();
for(var i=0;i<c;i++){
  arr.push("a");
}
str=arr.join("");
  d2=new Date();
console.log(d2.getTime()-d1.getTime());
//-------------------------------------------------------
//------------------------測試第一種方法耗費時間-------
d1=new Date();for(var i=0;i<c;i++){
  str+="a";
}
d2=new Date();
console.log(d2.getTime()-d1.getTime());
//-------------------------------------------------------

我調整 c 分別等于5000、50000、500000、5000000，每個數(shù)值分別測了10次，最后結果如下：

c=5000
                                                                             平均耗時（單位毫秒）

第三種   3   2   2   3   1   2  2  1   1   1                              1.8
第二種   1   3   0   3   1   3  4  1   4   2                              2.2
第一種   0   0   0   0   0   1  1  1   1   1                              0.5

c=50000

第三種   22  12     9   14    12   13   13   13   10   17          13.5
第二種   8    13   12     8    11   11     8     9     8    9          9.7
第一種   7    12     5    11   10   10   10    13   16  12          10.6

c=500000

第三種 104 70 74 69 76 77 69 102 73 73                            78.7
第二種 78 100 99 99 100 98 96 71 94 97                             93.2
第一種 90 87 83 85 85 83 84 83 88 86                                 85.4

c=5000000

第三種 651 871 465 444 1012 436 787 449 432 444             599.1
第二種 568 842 593 747 417 747 719 549 573 563               631.8
第一種 516 279 616 161 466 416 201 495 510 515               417.5

統(tǒng)計5000000的時候在地址欄加入了隨機參數(shù)，應該是避免了緩存的影響的。從結果來看，第一種方法并不比另2種方法消耗多，甚至還更有優(yōu)勢，這點和手冊上的說明明顯不一致。

測試系統(tǒng)：win 7旗艦

瀏覽器：chrome 52.0.2739.0 m

總結

以上所述是小編給大家介紹的Javascript三種字符串連接方式及性能比較，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網站的支持！

網頁名稱：Javascript三種字符串連接方式及性能比較
URL鏈接：http://jinyejixie.com/article46/ghoeeg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站營銷、網站排名、軟件開發(fā)、商城網站、移動網站建設、微信小程序

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)