JavaScript 陣列 slice()
掌握此方法,從其名稱入手,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));
程式碼執行效果截圖如下:
此方法只有一個引數,它規定從何處開始切割選取陣列元素,由於沒有規定第二個引數,那麼就會切割選取從索引位置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陣列
- Golang 陣列和切片 Slice 和 Map 使用Golang陣列
- JavaScript 陣列JavaScript陣列
- Javascript - 陣列和陣列的方法JavaScript陣列
- JavaScript 陣列indexOf()JavaScript陣列Index
- JavaScript 陣列values()JavaScript陣列
- JavaScript 陣列fill()JavaScript陣列
- JavaScript 陣列 fill()JavaScript陣列
- JavaScript 陣列 lastIndexOf()JavaScript陣列ASTIndex
- JavaScript 陣列 indexOf()JavaScript陣列Index
- javascript陣列操作JavaScript陣列
- JavaScript陣列(二)JavaScript陣列
- Javascript 08 陣列JavaScript陣列
- JavaScript 陣列includes()JavaScript陣列
- JavaScript陣列(一)JavaScript陣列
- JavaScript—陣列(17)JavaScript陣列
- JavaScript Array 陣列JavaScript陣列
- JavaScript陣列方法JavaScript陣列
- javascript 陣列 reverse()JavaScript陣列
- JavaScript類陣列JavaScript陣列
- JavaScript 陣列排序JavaScript陣列排序
- JavaScript 陣列操作JavaScript陣列
- Go的100天之旅-06陣列和SliceGo陣列
- JavaScript 字串slice()JavaScript字串
- JavaScript 字串 slice()JavaScript字串
- javascript slice() 方法JavaScript
- JavaScript 陣列 toString()JavaScript陣列
- JavaScript陣列小方法JavaScript陣列
- JavaScript建立陣列求和JavaScript陣列
- JavaScript陣列解構JavaScript陣列
- JavaScript 陣列concat()JavaScript陣列
- JavaScript 陣列entries()JavaScript陣列
- JavaScript 陣列 entries()JavaScript陣列
- JavaScript 陣列 concat()JavaScript陣列