1. 程式人生 > >陣列物件的slice和splice方法

陣列物件的slice和splice方法


陣列物件的slice和splice方法

之前被大神虐過一次,長長記性,專門把這兩個方法拿出來做一個比較,本文僅做學習筆記使用,如有任何意見或建議歡迎在評論區指出。
    
slice定義和用法
    slice() 方法可從已有的陣列中返回選定的元素。
    語法
    arrayObject.slice(start,end)
    引數 描述
    start  必需。規定從何處開始選取。如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說,-1 指最後一個元素,-2 指倒數第二個元素,以此類推。
    end    可選。規定從何處結束選取。該引數是陣列片斷結束處的陣列下標。如果沒有指定該引數,那麼切分的陣列包含從 start 到陣列結束的所有元素。如果這個引數是負數,那麼它規定的是從陣列尾部開始算起的元素。
    返回值
    返回一個新的陣列,包含從 start 到 end (不包括該元素)的 arrayObject 中的元素。
    說明
    請注意,該方法並不會修改陣列,而是返回一個子陣列。如果想刪除陣列中的一段元素,應該使用方法 Array.splice()。
    提示和註釋
    註釋:您可使用負值從陣列的尾部選取元素。
    註釋:如果 end 未被規定,那麼 slice() 方法會選取從 start 到陣列結尾的所有元素。
    例項
    var arr=[1,2,3,4,5,6];
    var arr2=arr.slice(2,4);
    console.log("arr2=",arr2,",arr=",arr);
    //arr2= [3, 4] ,arr= [1, 2, 3, 4, 5, 6]

    splice
    定義和用法
    splice() 方法向/從陣列中新增/刪除專案,然後返回被刪除的專案。
    註釋:該方法會改變原始陣列。
    語法
    arrayObject.splice(index,howmany,item1,.....,itemX)
    引數
    index  必需。整數,規定新增/刪除專案的位置,使用負數可從陣列結尾處規定位置。
    howmany    必需。要刪除的專案數量。如果設定為 0,則不會刪除專案。
    item1, ..., itemX  可選。向陣列新增的新專案。
    返回值
    Array  包含被刪除專案的新陣列,如果有的話。
    說明
    splice() 方法可刪除從 index 處開始的零個或多個元素,並且用引數列表中宣告的一個或多個值來替換那些被刪除的元素。
    如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的陣列。
    提示和註釋
    註釋:請注意,splice() 方法與 slice() 方法的作用是不同的,splice() 方法會直接對陣列進行修改。
    例項
    var arr=[1,2,3,4,5,6];
    var arr2=arr.splice(2,4);
    console.log("arr2=",arr2,",arr=",arr);
    //arr2= [3, 4, 5, 6] ,arr= [1, 2]

我的實踐:

參考自https://blog.csdn.net/daiqisi/article/details/54945112

本來還想著在哪裡單獨測試js程式碼,找了半天只找到個js格式化工具http://www.jsdaima.com/tools/jsformat/

後來回頭一想,瀏覽器的F12不就可以除錯js程式碼嘛。。笨的自己呀