JS中三种字符串连接方式及其性能比较

工作中经常会碰到要把2个或多个字符串连接成一个字符串的问题，在JS中处理这类问题一般有三种方法，这里将它们一一列出顺便也对它们的性能做个具体的比较。

第一种方法 用连接符“+”把要连接的字符串连起来：

str=”a”;
str+=”b”;

毫无疑问，这种方法是最便捷快速的，如果只连接100个以下的字符串建议用这种方法最方便。

第二种方法 以数组作为中介用 join 连接字符串：

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

w3school 网站介绍说这种方法要比第一种消耗更少的资源，速度也更快，后面我们通过实验再验证是否是这样。

第三种方法 利用对象属性来连接字符串
复制代码

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 的值来调整连接字符串的个数：
复制代码

var str=”“;
var d1,d2;
var c=5000;//连接字符串的个数

//————————测试第三种方法耗费时间——-
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