今天繼續來總結一下ECMAscript為操作已經包含在陣列中的項提供了很多方法。第一個先講concat()方法。

       這個方法可以理解為一種合併。concat()方法的具體用法是：它可以建立當前陣列的一個副本，然後將接受到的引數新增到這個副本的末尾，最後返回新構建的陣列。這裡又分三種情況。（1）在沒有給concat()方法傳遞引數的情況下，它只是複製當前陣列並返回副本。（2）如果傳遞給concat()方法的是一或多個數組，則該方法會將這些陣列中的每一項都新增到結果陣列中。（3）如果傳遞的值不是陣列，這些值就會被簡單地新增到結果陣列的末尾。

var colors=["red","green","blue"];
var colors2=colors.concat("yellow",["black","brown"]);

alert(colors);
alert(colors2);
 

       分析一下，以上程式碼開始定義了一個包含3個值的陣列colors。然後，基於colors呼叫了concat()方法，並傳入字串“yellow”和一個包含"black"和"brown"的陣列。最終，結果陣列colors2中包含了"red"、"green"、"blue"、"yellow"、"black"和"brown"。至於原來的陣列colors，其值仍然保持不變。注意：concat()方法是在陣列的副本上進行操作並返回新構建的陣列，所以並不會影響到原來的陣列。

第二個方法是slice()，它能夠基於當前陣列中的一個或多個項建立一個新陣列。slice()方法可以接受一或兩個引數，即要返回項的起始和結束位置。這裡又產生了兩種情況：（1）在只有一個引數的情況下，slice()方法返回從該引數指定位置開始到當前陣列末尾的所有項。（2）如果有兩個引數，該方法返回起始和結束位置之間的項，注意但不包括結束位置的項。同時還要注意的是，slice()方法不會影響到原始陣列，因為它是基於當前陣列中的一個或多個項建立的一個新陣列。

var colors=["red","green","blue","yellow","purple"];
var colors2=colors.slice(1);
var colors3=colors.slice(1,4);

alert(colors2);  //green,blue,yellow,purple
alert(colors3);  //green,blue,yellow

注意：如果slice()方法的引數中有一個負數，則用陣列長度加上該數來確定相應的位置。如，在一個包含5項的陣列上呼叫slice(-2,-1)與呼叫slice(3,4)得到的結果相同。如果結束位置小於起始位置，則返回空陣列。

最後來介紹splice()方法，這個方法恐怕要算是最強大的陣列方法了，它有很多種用法。splice()的主要用途是向陣列的中部插入項，但使用這種方法的方式則有如下3種：

       （1）刪除：可以刪除任意數量的項，只需指定2個引數：要刪除的第一項的位置和要刪除的項數。例如，splice(0,2)會刪除陣列中的前兩項。

       （2）插入：可以向指定位置插入任意數量的項，只需提供3個引數：起始位置、0（要刪除的項數）和要插入的項。如

splice(2,0,"red","green")

會從當前陣列的位置2開始插入字串"red"和"green"。

       （3）替換：可以向指定位置插入任意數量的項，且同時刪除任意數量的項，只需指定3個引數：起始位置、要刪除的項數和要插入的任意數量的項。插入的項數不必與刪除的項數相等。例如

splice(2,1,"red","green")

會刪除當前陣列位置2的項，然後再從位置2開始插入字串"red"和"green"。

注意：splice()方法始終都會返回一個數組，該陣列中包含從原始陣列中刪除的項（如果沒有刪除任何項，則返回一個空陣列）。下面的程式碼展示了上述3種使用splice()方法的方式。

        第一種：刪除第一項

var colors=["red","green","blue"];
var removed=colors.splice(0,1);
alert(colors);      //green,blue
alert(removed);   //red，返回的陣列中只包含一項

        第二種：從位置1開始插入兩項

<span style="font-size:18px;">removed=colors.splice(1,0,"yellow","orange");
alert(colors);    //green,yellow,orange,blue
alert(removed);   //返回的是一個空陣列</span>

             第三種：插入兩項，刪除一項

removed=colors.splice(1,1,"red","purple");
alert(colors);
alert(removed);