**

slice()

**

slice()可以理解為擷取陣列的方法，引數可以是一個或者兩個。

當slice()的引數有兩個的時候，第一個引數表示開始擷取的位置，第二個引數表示擷取結束的位置，把起始位置之間的值取出來變成陣列作為返回值（包括開始位置的值，不包括結束位置的值），因此slice()是不會改變原陣列的。

當slice()的引數只有一個的時候，引數表示開始擷取的位置，然後從這個位置把後面的值全部擷取下來。

看例子：

    var array=[0,1,2,3,4,5,6];

    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]
 


    var array2=array.slice(3,6);   //兩個引數
    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]
    console.log(array2);           //[3, 4, 5]

    var array2=array.slice(3);     //一個引數
    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]
    console.log(array2);           //[3, 4, 5, 6]

特別的是，slice()的引數可以是負數

看例子：

    var array=[0,1,2,3,4,5,6];

    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]

    var array2=array.slice(-2);     //一個引數
    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]
    console.log(array2);           //[5, 6]
 


    var array2=array.slice(-4,-2);     //兩個引數
    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]
    console.log(array2);           //[3, 4]

最後一種情況就是，slice()的開始位置等於或者大於結束位置，這時候返回的會是一個空陣列。

看例子：

    var array=[0,1,2,3,4,5,6];

    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]

    var array2=array.slice(6,3);   
    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]
    console.log(array2);           //[]

**

splice()

**
雖然splice()只比slice()多了一個字母，但是splice()的功能強大了很多，它可以根據引數的不同，分別實現刪除，插入，替換操作。

話不多說，下面一一舉例：
刪除：
這時候splice()有兩個引數，第一個引數代表開始刪除的位置，第二個引數代表要刪除的個數，要注意的是，splice()會改變原陣列的值，原陣列保留的是刪除後的陣列，然後把刪除掉的項組成一個新陣列作為返回值。

    var array=[0,1,2,3,4,5,6];

    console.log(array);            //[0, 1, 2, 3, 4, 5, 6]

    var array2=array.splice(3,2);
    console.log(array);            //[0, 1, 2, 5, 6]
    console.log(array2);           //[3,4]

插入
這時候splice()的引數不確定，但是至少會有兩個引數，跟刪除操作類似，第一個引數代表插入位置，第二個引數代表刪除個數，由於插入操作不用刪除，所以第二個引數是0。然後接下來的第三個第四個之後的引數，全部作為插入值插進原數組裡面，由於沒有刪除掉任何項，所以返回值會是一個空陣列。如果沒有插入值，則原陣列不變，返回值依舊為空陣列。

    var array=[0,1,2,3,4,5,6];

    console.log(array);         //[0, 1, 2, 3, 4, 5, 6]

    var array2=array.splice(3,0,'a','b');
    console.log(array);         //[0, 1, 2, "a", "b", 3, 4, 5, 6]
    console.log(array2);        //[]

替換
因為替換可以理解為先刪除再插入，所以替換操作是刪除+插入的結合。第一個引數代表開始替換的位置，第二個引數代表刪除個數，然後接下來的第三個第四個之後的引數，全部作為替換值從指定位置插進原數組裡面。同樣地，返回值會是原陣列中刪除掉的項，要注意的是，刪除項個數跟插入項個數互不影響，不一定要相等。

    var array=[0,1,2,3,4,5,6];

    console.log(array);         //[0, 1, 2, 3, 4, 5, 6]

    var array2=array.splice(3,2,'a','b','c');
    console.log(array);         //[0, 1, 2, "a", "b", "c", 5, 6]
    console.log(array2);        //[3,4]

同樣地，splice()的引數也一樣可以是負數，具體跟slice()方法一樣，這裡就不再重複了。

小結：
不同點：
1.slice()不會改變原陣列的值，而splice()會改變原陣列的值。
2.slice()是先複製原陣列的值作為備份，然後在上面進行操作，不影響原陣列的值；splice()是直接在原陣列上進行操作，所以影響了原陣列的值。
3.splice()的功能遠遠大於slice()，因為slice()的結果可以由splice()方法的刪除操作得出。

相同點：
2.slice()和splice()都會返回一個新陣列，組成新陣列的項都是從原陣列中去掉的項（對slice()方法來說是指在備份陣列中去掉的值）。