JavaScript 陣列slice()

admin發表於2018-08-29

slice翻譯成漢語有切割或者劃分的意思,slice方法的功能在一定程度上做到了名副其實。

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

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

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

語法結構:

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

引數解析:

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

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

特別說明:

(1).方法返回一個由選取元素組成的新陣列。

(2).原陣列不會發生改變。

瀏覽器相容:

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

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

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

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

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

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

程式碼例項:

[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是陣列倒數第二個元素。

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

相關文章