感覺(jué)每次對(duì)數(shù)組的方法 slice() 和 splice() 使用總是容易混淆，今天特意做個(gè)簡(jiǎn)潔、明了的記錄，供大家參考。

slice() 方法和 splice() 方法都是 js 對(duì)數(shù)組操作的方法。都可以對(duì)數(shù)組進(jìn)行某一部分的截取

1. slice(start,end) 方法

slice() , 返回一個(gè)新的數(shù)組，此方法可從已有的數(shù)組中返回選定的元素。

array.slice(start,end)，
start：是必須的，規(guī)定從何處開(kāi)始選取。如果是負(fù)數(shù)，那么它規(guī)定從數(shù)組尾部開(kāi)始算起的位置。也就是說(shuō)，-1 指最后一個(gè)元素，-2 指倒數(shù)第二個(gè)元素，以此類(lèi)推。
end： 是可選的，規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。如果沒(méi)有指定該參數(shù)，那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。如果這個(gè)參數(shù)是負(fù)數(shù)，那么它規(guī)定的是從數(shù)組尾部開(kāi)始算起的元素

• 返回值為一個(gè)新的數(shù)組
• 原始的數(shù)組不會(huì)發(fā)生改變

該方法的示例如下：

{
  let arr1 = ["a", "b", "c", "d","e"];
  let arr2 = arr1.slice(2)   
  //  從數(shù)組下標(biāo)為2的開(kāi)始選取，
  //  一直到數(shù)組結(jié)束的所有元素
  console.log(arr1); 
       // ["a", "b", "c", "d","e"]    原始數(shù)組不會(huì)改變
  console.log(arr2); 
       // ["c", "d","e"]
}
{
   let arr3 = ["a", "b", "c", "d","e"];
   let arr4 = arr3.slice(2,4)   
   //  從數(shù)組下標(biāo)為2的開(kāi)始選取，
   //  一直到數(shù)組下標(biāo)為4的結(jié)束
   console.log(arr3); 
        // ["a", "b", "c", "d","e"]    原始數(shù)組不會(huì)改變
   console.log(arr4); 
        // ["c", "d"]
}

2. splice(start,end) 方法

splice() 方法向/從數(shù)組中添加/刪除項(xiàng)目，然后返回被刪除的項(xiàng)目。

array.splice(index,howmany,item1,.....,itemX)，
index：是必須的，整數(shù)，規(guī)定添加/刪除項(xiàng)目的位置，使用負(fù)數(shù)可從數(shù)組結(jié)尾處規(guī)定位置。
howmany： 是必須的，要?jiǎng)h除的項(xiàng)目數(shù)量。如果設(shè)置為 0，則不會(huì)刪除項(xiàng)目。
item1, ..., itemX： 是可選的，向數(shù)組添加的新項(xiàng)目。

• 返回值如果有的話，為包含被刪除項(xiàng)目的新數(shù)組
• 該方法會(huì)改變?cè)紨?shù)組

該方法的示例如下：

{
   //刪除數(shù)組中從第2個(gè)下標(biāo)開(kāi)始的到最后的所有元素
   let arr1 = ["a", "b", "c", "d","e"];
   let arr2 = arr1.splice(2);
   console.log(arr1); 
        // ["a", "b"]    原始數(shù)組被該改變
   console.log(arr2); 
        // ["c", "d", "e"]  
}
{
   //往新數(shù)組中添加一個(gè)元素"YY"
   let arr3 = ["a", "b", "c", "d","e"];
   let arr4 = arr3.splice(2,0,"YY")  
   //  從數(shù)組下標(biāo)為2的開(kāi)始，
   //  刪除0個(gè)元素，
   //  然后用"YY"來(lái)替換被刪除的0個(gè)元素， 
   console.log(arr3); 
        // ["a", "b", "YY","c", "d","e"]    原始數(shù)組被該改變
   console.log(arr4); 
        // []  
}
{
   // 將刪除3個(gè)元素，
   // 并添加2個(gè)新元素 ("PP","WW") 來(lái)替代被刪除的元素
   let arr5 = ["a", "b", "c", "d","e"];
   let arr6 = arr5.splice(1,3,"PP","WW")   
   //  從數(shù)組下標(biāo)為1的開(kāi)始，
   //  刪除3個(gè)元素（"b"、"c"、"d"），
   //  然后用（"PP"、"WW"）替換被刪除掉的3個(gè)元素
   console.log(arr5); 
          // ["a", "PP", "WW","e"]   原始數(shù)組被改變
   console.log(arr6); 
          //  ["b", "c", "d"]
}
{
   //刪除第2個(gè)元素以后的3個(gè)數(shù)組元素(包含第2個(gè)元素)
   let arr7 = ["a", "b", "c", "d","e"];
   let arr8 = arr7.splice(1,3); 
   //  從數(shù)組下標(biāo)為1的開(kāi)始，
   //  刪除3個(gè)元素（"b"、"c"、"d")
   console.log(arr7); 
          //  ["a", "e"]   原始數(shù)組被改變
   console.log(arr8); 
          //  ["b", "c", "d"]
}