串連數組、字串方法總結

一、 串連數組

1、concat()

concat()可以基於當前數組的所有項建立一個新數組。具體來說，它會建立當前數組的一個副本，然後將接收到的參數添加到這個副本的末尾，最後返回新構建的數組。
如果傳遞給concat()方法的是一或多個數組，則該方法會將這些數組中的每一項添加到結果數組中。如果傳遞的值不是數組，這些值就會被簡單地添加到結果數組末尾。

var  colors=['red','yellow','blue'];var colors2=colors.concat('yellow',['black','brown']);console.log(colors);//["red", "yellow", "blue"]console.log(colors2);//["red", "yellow", "blue", "yellow", "black", "brown"]

ps：該方法不會改變現有數組，會建立一個新數組。我們要為新建立的數組分配記憶體空間，為其賦值，有一點點資源的消耗。

2、[].push.apply

var arr1= [1,2,3]; arr1.push.apply(arr1,[4,5]); 

ps：巧妙的運用了apply方法的特性，這樣arr1仍然是arr1，只是記憶體進行了重寫。 二、連接字串

字串的特點：

ECMAScript中的字串是不可變的，也就是說，字串一旦建立，他們的值就不能改變。要改變某個變數的儲存的的字串，首先要銷毀原來的字串，然後再用另外一個包含新值的字串填充該變數，例如：

1、“+”串連符

var lang = "Java";lang = lang + "Script";

ps：早期瀏覽器沒有對這種運算進行最佳化。由於字串是不可變的，這意味著要建立中間字串來儲存串連的結果。頻繁地在後台建立和銷毀字串導制效能異常低下。
操作的過程：首先建立一個能容納10個字元的新字串，然後在這個字串中填充“Java”和“Script”,最後一步是銷毀原來的字串“Java”和“Script”,因為這兩個字串已經沒用了。但是在低版本的瀏覽器(如IE6)中，字串拼接速度是很消耗一個效能的過程。

2、以數組作為中介，用join()串連數組

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

ps：在早期的瀏覽器中，沒有建立和銷毀中間字串，在大量字串串連情況下，這技術已被證明遠快於使用加法方式。

3、concat()

var str1 = new String( "This is string one" );var str2 = new String( "This is string two" );var str3 = str1.concat( str2 );

ps：
如今瀏覽器對字串的最佳化已經改變了字串相連的局面。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');