JavaScript 陣列slice()
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));
程式碼執行效果截圖如下:
此方法只有一個引數,它規定從何處開始切割選取陣列元素,由於沒有規定第二個引數,那麼就會切割選取從索引位置3開始到陣列結尾之間的所有元素。
[JavaScript] 純文字檢視 複製程式碼執行程式碼let arr = [1,2,3,4,5,6,7]; console.log(arr.slice(3,5));
程式碼執行效果截圖如下:
上述程式碼規定從陣列索引3處開始切割選取,直到索引5位置結束。
特別說明:不包括第二個引數位置處的元素。
[JavaScript] 純文字檢視 複製程式碼執行程式碼let arr = [1,2,3,4,5,6,7]; console.log(arr.slice(-2,-1));
程式碼執行效果截圖如下:
方法的引數可以是負數,規則如下:
索引0位置是陣列第一個元素,那麼-1是陣列倒數第一個元素,-2是陣列倒數第二個元素。
於是,上面程式碼是從倒數第二個元素開始切割選取到倒數第一個元素結束。
相關文章
- JavaScript 陣列 slice()JavaScript陣列
- JavaScript陣列裡的slice和spliceJavaScript陣列
- JavaScript陣列之傻傻分不清系列(split,splice,slice)JavaScript陣列
- 吐槽Javascript系列二:陣列中的splice和slice方法JavaScript陣列
- golang 之slice 變長陣列Golang陣列
- JavaScript 陣列JavaScript陣列
- Golang 陣列和切片 Slice 和 Map 使用Golang陣列
- Javascript - 陣列和陣列的方法JavaScript陣列
- Go的100天之旅-06陣列和SliceGo陣列
- JavaScript 陣列操作JavaScript陣列
- JavaScript 陣列排序JavaScript陣列排序
- JavaScript 陣列 toString()JavaScript陣列
- JavaScript—陣列(17)JavaScript陣列
- JavaScript 陣列 fill()JavaScript陣列
- JavaScript 陣列 lastIndexOf()JavaScript陣列ASTIndex
- JavaScript 陣列 indexOf()JavaScript陣列Index
- JavaScript 陣列 concat()JavaScript陣列
- JavaScript 陣列concat()JavaScript陣列
- JavaScript 陣列indexOf()JavaScript陣列Index
- JavaScript 陣列values()JavaScript陣列
- JavaScript 陣列fill()JavaScript陣列
- javascript陣列操作JavaScript陣列
- JavaScript陣列(一)JavaScript陣列
- JavaScript 陣列 keys()JavaScript陣列
- JavaScript陣列(二)JavaScript陣列
- JavaScript Array 陣列JavaScript陣列
- Javascript 08 陣列JavaScript陣列
- JavaScript 陣列 entries()JavaScript陣列
- JavaScript 陣列includes()JavaScript陣列
- JavaScript 陣列entries()JavaScript陣列
- JavaScript陣列方法JavaScript陣列
- JavaScript 陣列去重JavaScript陣列
- JavaScript建立陣列求和JavaScript陣列
- JavaScript陣列方法大全JavaScript陣列
- JavaScript陣列解構JavaScript陣列
- Javascript 物件 – 陣列物件JavaScript物件陣列
- JavaScript陣列小方法JavaScript陣列
- JavaScript陣列方法(splice)JavaScript陣列