JavaScript 陣列 slice()

admin發表於2018-08-29

掌握此方法,從其名稱入手,slice 翻譯成漢語有 "切割" 或 "劃分"的意思。

slice() 方法會切割選取原陣列指定區間的元素生成一個新的陣列。

特別說明:此方法不會修改原陣列,而是生成一個副本。

陣列更多內容可以參閱 JavaScript Array 陣列 一章節。

字串具有同名方法,具體參閱 JavaScript 字串slice() 一章節。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
arr.slice(start,end)

引數解析:

(1).start:可選,規定從指定位置開始切割選取陣列元素,預設值為 0。

(2).end:可選,規定在何處結束切割選取,預設是陣列結尾。

瀏覽器相容:

(1).IE 瀏覽器支援此方法。

(2).edge 瀏覽器支援此方法。

(3).谷歌瀏覽器支援此方法。

(4).火狐瀏覽器支援此方法。

(5).opera 瀏覽器支援此方法。

(6).safari 瀏覽器支援此方法。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr = [1,2,3,4,5,6,7];
console.log(arr.slice(3));

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/012055ueeksld6s9hlsou6.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

此方法只有一個引數,它規定從何處開始切割選取陣列元素,由於沒有規定第二個引數,那麼就會切割選取從索引位置3開始到陣列結尾之間的所有元素。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr = [1,2,3,4,5,6,7];
console.log(arr.slice(3,5));

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/012138gipxxdzwy4ggwk4l.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述程式碼規定從陣列索引3處開始切割選取,直到索引5位置結束。

特別說明:不包括第二個引數位置處的元素。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr = [1,2,3,4,5,6,7];
console.log(arr.slice(-2,-1));

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/012233aw4nxdoxx47pp6dd.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

方法的引數可以是負數,規則如下:

索引0位置是陣列第一個元素,那麼-1是陣列倒數第一個元素,-2是陣列倒數第二個元素。

於是,上面程式碼是從倒數第二個元素開始切割選取到倒數第一個元素結束。

相關文章