JavaScript 大字符串拼接性能优化：从字符串累加到数组 Join

 
var info="腾讯拍拍网（www.paipai.com）是腾讯旗下知名电子商务网站。";
info +="拍拍网于2005年9月12日上线发布，";
info +="2006年3月13日宣布正式运营，";
info +="是目前国内第二大电子商务平台。";
info=info.split(",");
for(var i=0; i<info.length; i++)
{ 
alert(info[i]);
} 

字符串累加与数组存储的对比分析

这道题初看似乎有些多余，因为后续需要根据逗号分隔符再次 alert 输出每一项。既然最终要拆分输出，为何不直接构造一个数组对象来存储文本内容，反而要借助临时变量 info 进行字符串拼接呢？

例如，可以定义 var info=["腾讯拍拍网（www.paipai.com）是腾讯旗下知名电子商务网站。","拍拍网于2005年9月12日上线发布，","2006年3月13日宣布正式运营，","是目前国内第二大电子商务平台。"]。然而，如果从代码优化的角度审视，这个题目设计的初衷便显得更有意义。

仔细观察变量 info 的变化过程，发现它每次都在进行字符串自增操作。如果涉及的字符串非常庞大且拼接次数众多，将会对程序性能产生显著影响。

在 JavaScript 中，string 类型属于基本数据类型，通常情况下它们被存储在栈内存中。如果字符串长度很大，每次拼接操作都会生成一个新的长字符串对象，这一过程会导致执行速度变慢。

基于数组 Join 的优化方案

相比之下，如果使用引用类型的数组来存储数据，性能表现会好很多，例如：

 
var temp=[];
temp.push("腾讯拍拍网（www.paipai.com）是腾讯旗下知名电子商务网站。") ;
temp.push()....//temp 只是一个指向堆上数组的指针
.... 

最后通过 temp.join("") 即可完成字符串拼接。对于处理大字符串连接的问题，都可以采取这种思路。