我們知道，在js中，字符串連接是性能最低的操作之一。
例如：
復制代碼 代碼如下:
var text="Hello";
text+=" World!";
早期浏覽器沒有對這種運算進行優化。
由於字符串是不可變的，這意味著要創建中間字符串來存儲連接的結果。頻繁地在後台創建和銷毀字符串導制性能異常低下。
因此，可以利用數組對象進行優化。
例如：
var buffer=[],i=0;
buffer[i++]="Hello"; //通過相應索引值添加元素比push方法快
buffer[i++]=" World!";
var text=buffer.join("");
在早期的浏覽器中，沒有創建和銷毀中間字符串，在大量字符串連接情況下，這技術已被證明遠快於使用加法方式。
如今浏覽器對字符串的優化已經改變了字符串相連的局面。Safari、Opera、Chrome、Firefox和IE8都在使用加法運算符上表現出了更好的性能。但是，IE8之前的版本沒有優化，因此數組方法依然有效。這並不意味著字符串相連時我們要進行浏覽器檢測。在決定如何連接時要考慮的是字符串的大小和數量。
當字符串相對較小（小於20字符）且連接數量也較小時(小於1000個），所有的浏覽器使用加法運算符都能在不到1毫秒內輕松完成連接。增加字符串數量或大小時，IE7中性能會明顯下降。字符串大小增加時，Firefox中加法運算符和數組成技巧性能差異會變小。字符串數量增加時，Safari中加法運算符和數組成技巧性能差異會變小。改變字符串數量或大小時，Chrome和Opera中加法運算符一直保持領先優勢。
所以，由於在各浏覽器下性能不一致，選用技術取決於實際情況和面對的浏覽器。
大多數情況下，加法運算符是首選；如果用戶主要使用IE6或7，並且字符串大小較大或數量較多時，那麼數組技術就很值得。
一般情況下，如果是語義性的字符串，不應該使用Array，比如：
'Hello, my name is ' + name;
如果字符串是"相似情況的重復"的話，建議使用Array，比如：
var array = [];
for (i = 0; i < length; i++) {
array[i] = '<li>' + list[i] + '</li'>;
}
document.getElementById('somewhere').innerHTML = array.join('\n');
有關js字符串數組連接的性能比較，就介紹到這裡了，希望對大家有所幫助。